Jquery mobile,删除上一页

2023-11-23

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


正如我在这个问题中的回答:页面哈希和后退按钮问题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”将是您的列表页面...

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jquery mobile,删除上一页 的相关文章

随机推荐