Jquery Mobile,覆盖后退按钮(浏览器或电话)

时间:2014-07-22 12:58:55

标签: jquery-mobile

在我的Jquery Mobile应用程序中,我会覆盖浏览器或手机后退按钮(可在Android设备上使用)。 仅在#welcome-page页面上,并且只有当前一页的id是#signin-page时,我希望后退按钮跳过#signin-page(甚至不调用相关的js)并转到#explain-page

你能帮助我实现这个目标吗?

现在我做了以下操作,但它搞砸了一切,因为它似乎加载了#signin-page。

$(document).on('pagebeforeshow', '#welcome-page', function(event, docdata){  //jqm 1.4
console.log('previous page was ' +docdata.prevPage.attr('id'));
    if ( docdata.prevPage.attr('id') == 'signin-page') {
        $(window).on("navigate", function (event, data) {
            var direction = data.state.direction;
            if (direction == 'back') {
                event.preventDefault();
                console.log('back button pressed');
                //$( "body" ).pagecontainer( "change", "#explanation-short", { transition: "fade" });
            }
            $(window).off("navigate");
        });
    }
});

0 个答案:

没有答案