正如我在这个问题中的回答:页面哈希和后退按钮问题phonegap+Jquery
您可以更改页面而不将它们保留在浏览器历史记录中,如下所示:
$.mobile.changePage('#page', {reverse: false, changeHash: false});
不幸的是,我无法阻止初始页面保留在浏览器历史记录中,因此我使用了解决方法:
页面布局:
<body>
<!-- page_1 before page_loading in source -->
<div data-role="page" id="page_1">
</div>
<!-- page_loading will be shown first -->
<div data-role="page" id="page_loading">
<div data-role="content">
<h1 >
<b>welcome</b>
</h1>
</div>
</div>
<div data-role="page" id="page_2">
</div>
</body>
jQuery:
function onBodyLoad()
{
//go to page_loading before deviceready without keeping it in browser history
$.mobile.changePage('#page_loading', {reverse: false, changeHash: false});
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady()
{
//your initialization code here...
//now go to page_1 without keeping it in browser history since the actual first page was #page_1 already
$.mobile.changePage('#page_1', {reverse: false, changeHash: false});
//your code here...
}
这应该适合您的需求,只需尝试一下即可。 “#page_loading”将是您的登录页面,“page_1”将是您的列表页面...