Jquery mobile,删除上一页

Sto*_*art 5 android jquery-mobile cordova

我正在使用带有phonegap的jquery mobile.我的应用程序有两个页面:登录页面和列表页面.登录成功后,用户将转到列表页面.之后,当他们按下手机上的后退按钮(android)时,他们将返回登录页面.我不希望这样的行为.我想要的是退出应用程序.

Bar*_*kar 5

正如我在这个问题中回答:页面哈希和后退按钮发出phonegap + Jquery

您可以在不将它们保留在浏览器历史记录中的情

$.mobile.changePage('#page', {reverse: false, changeHash: false});
Run Code Online (Sandbox Code Playgroud)

不幸的是,我没有设法阻止初始页面停留在浏览器历史记录中,所以我使用了一种解决方法:

页面布局:

<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>
Run Code Online (Sandbox Code Playgroud)

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...
}
Run Code Online (Sandbox Code Playgroud)

这应该符合您的需求,只需尝试一下."#page_loading"将是您的登录页面,"page_1"将是您的列表页面...