jquery - Unexpected pagecontainer change behavior -

-

so have page, want load using next function:

//function redirect add page     function redirectadd() {         $("body").pagecontainer("change", "#add", {             transition : "fade"         });     }

and have page want redirected. @ moment redirect it, redirected main page.

$(document).on("pagecreate", "#home", function() {    //redirections    $('#addrun').on("tap", redirectadd);    $('#home').on("tap", redirecthome);    $('#editrun').on("tap", redirectedit);      //function redirect home page    function redirecthome() {      $("body").pagecontainer("change", "#home", {        transition: "fade"      });    }      //function redirect add page    function redirectadd() {      $("body").pagecontainer("change", "#add", {        transition: "fade"      });    }    });
<!doctype html>  <html>    <head>    <title>running tracker</title>    <link rel="stylesheet" href="css/style.css" />      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">    <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>    <script src="js/script.js"></script>  </head>    <body>    <!-- main page -->    <div data-role="page" id="home">      <header data-role="header" data-theme="a">        <h1>running tracker</h1>      </header>      <div data-role="navbar">        <ul>          <li>            <a href="#" id="addrun" data-transition="none" data-icon="plus">add run</a>          </li>        </ul>      </div>      <div data-role="content">        <h3>welcome runningtracker app</h3>        <p>          app can track running, jogging or walking.        </p>          <h3>your latest runs:</h3>          <ul id="stats" class="current" data-role="listview" data-filter="true" data-filter-placeholder="filter runs date or distance." data-inset="true"></ul>        <br/>        <button id="clearruns" onclick="return confirm('are sure?')">          clear data        </button>      </div>      <footer data-role="footer">        <h4>runningtracker &copy; 2015 gz</h4>      </footer>    </div>    <!-- add run page -->    <div data-role="page" id="add">      <header data-role="header" data-theme="a">        <h1>running tracker</h1>      </header>      <div data-role="navbar">        <ul>          <li>            <a href="#" id="#home" data-transition="none" data-icon="home">home</a>          </li>        </ul>      </div>      <div data-role="content">        <h3>add run</h3>        <form id="addform">          <label for="km">enter kilometres:</label>          <input type="number" id="addkms">          <label for="km">enter date:</label>          <input type="date" data-role="date" class="date" id="adddate" data-inline="true">          <button id="submitadd" class="ui-btn ui-corner-all">            add run          </button>        </form>      </div>      <footer data-role="footer">        <h4>runningtracker &copy; 2015 gz</h4>      </footer>    </div>    <!-- add edit page -->    <div data-role="page" id="edit">      <header data-role="header" data-theme="a">        <h1>running tracker</h1>      </header>      <div data-role="navbar">        <ul>          <li>            <a href="#home" data-transition="none" data-icon="home">home</a>          </li>        </ul>      </div>      <div data-role="content">        <h3>edit run</h3>        <form id="addform">          <label for="km">enter kilometres:</label>          <input type="number" id="editkms">          <label for="km">enter date:</label>          <input type="date" data-role="date" class="date" id="editdate" data-inline="true">          <button id="submitedit" class="ui-btn ui-corner-all">            update          </button>        </form>      </div>      <footer data-role="footer">        <h4>runningtracker &copy; 2015 gz</h4>      </footer>    </div>  </body>    </html>

so here live demo, because stackoverflow example not loading: http://runningtracker.herokuapp.com/

so when click add run should redirect #add page, does, redirects home page

how can prevent happening?

you can prevent anchor link reloading page returning false on tap handler:

  function redirectadd(e) {     $("body").pagecontainer("change", "#add", {       transition: "fade"     });     return false;   }

Comments

Post a Comment

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

-
i had following code works fine on localhost: $document = new domdocument(); $document->loadhtml($p_result); $form = $document->getelementsbytagname('form')->item(0); // code continues using $form variable after same code updated on outside server, loadhtml() failed , issued warning. warning: domdocument::loadhtml() expects parameter 1 valid path, string given in path/name/to/script.php returned null instead of object code pretty gets fatal error. note contents of $p_result absolutely same on outside server , on localhost. but why displays kind of warning , why not work? doesn't loadhtml() expects argument 1 string in first place? why method expects parameter 1 valid path ? just make clear i'm not calling loadhtmlfile() , i'm calling loadhtml() . thanks. you're affected one of php bugs . issue present in php 5.6.8 , 5.6.9. have affected php version on server, , bug-free version on localhost. the bug forbids null
Read more

python - How to create jsonb index using GIN on SQLAlchemy? -

-
here's current code creating index jsonb. index("mytable_data_idx_id_key", mytable.data['id'].astext, postgresql_using='gin') but got error. sqlalchemy.exc.programmingerror: (psycopg2.programmingerror) data type text has no default operator class access method "gin" hint: must specify operator class index or define default operator class data type. [sql: "create index event_data_idx_id_key on event using gin ((data ->> 'id'))"] is there way create index on sqlalchemy? the postgresql specific sqlalchemy docs @ http://docs.sqlalchemy.org/en/latest/dialects/postgresql.html#operator-classes mention postgresql_ops dictionary provide "operator class" used postgresql, , provide example illustrating use: index('my_index', my_table.c.id, my_table.c.data, postgresql_ops={ 'data': 'text_pattern_ops',
Read more

c# - TransactionScope not rolling back although no complete() is called -

-
i'm using transactionscope rollback transaction fail bool errorreported = false; action<importerrorlog> newerrorcallback = e => { errorreported = true; errorcallback(e); }; using (var transaction = new transactionscope()) { foreach (importtaskdefinition task in taskdefinition) { loader.load(streamfile, newerrorcallback, task.destinationtable, processingtaskid); } if (!errorreported) transaction.complete(); } i'm sure there no transactionscope started ahead or after code. i'm using entity framework insert in db. regardless state of errorreported transaction never rolled in case of error. what missing ? transactionscope sets transaction.current . that's does. wants transacted must @ property. i believe ef each time connection opened reason. probably, connection open when scope installed. open connection inside of scope or enlist manually. ef has nasty "design decision": default opens
Read more