Я не уверен, изменили ли они разметку, как это использовать, но вот документы:
JS
//transition to the "confirm" page with a "pop" transition without tracking it in history
$.mobile.changePage( "../alerts/confirm.html", {
transition: "pop",
reverse: false,
changeHash: false
});
Пример:
JS
$('#customNav').click(function() {
//transition to the "confirm" page with a "pop" transition without tracking it in history
$.mobile.changePage( "#page2", {
transition: "pop",
reverse: false,
changeHash: false
});
});
HTML
<div data-role="page" id="home">
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
<li data-role="list-divider">Home Page</li>
<li><a id="customNav">Page 2 (Click here)</a></li>
</ul>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="b" data-dividertheme="e">
<li data-role="list-divider">Page 2 will not be history</li>
<li><a href="#home">Home Page</a></li>
<li><a href="#page3">Page 3 (Click here)</a></li>
</ul>
</div>
</div>
<div data-role="page" id="page3" data-add-back-btn="true">
<div data-role="header" data-rel="back">
<h1>clicking the back button should go to home page</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
<li data-role="list-divider">Page 3 (Click the back button in the header)</li>
<li><a href="#home">Home Page</a></li>
</ul>
</div>
</div>