javascript - jQuery Mobile - 仅在指向特定页面时删除后退按钮

Question

我有一个带有登录屏幕的移动网络应用程序。登录后，用户进入应用程序的主屏幕。由于我为整个应用程序启用了后退按钮，因此后退按钮出现在主屏幕上；但是，现在按“返回”将使用户返回登录页面(我不希望这样)。同时，主屏幕应该有一个“后退”按钮，因为用户可能从应用程序中的其他屏幕进入主屏幕，并且可能想返回。

那么基本上，如果后退按钮要进入登录屏幕，但如果要进入其他地方，则没有任何简单的方法可以禁用后退按钮吗？

Answer 1

如何设置访问的页面数组并检查它以查看最后一个页面是否是登录页面:

//setup array of page views
var page_views = [];
//add event handler for `pageshow` event
$('[data-role="page"]').live('pageshow', function () {
    //add current page to page_views array
    page_views.push(this.id);
    var page_views_length = page_views.length;
    //check if the current page is the homescreen and if the last page was the login page
    if (this.id == 'homescreen_id' && page_views_length > 1 && page_views[(page_views_length - 2)] == 'login_id') {//this assumes your login page has the id of `login_id` and your homescreen page has the id of `homescreen_id`
        //run code to hide the back button
    }
});