ajax - jquery mobile 取消 pagebeforeshow 事件

Question

在jquery mobile中，有没有办法取消在pagebeforeshow事件中显示的页面？我在 pagebeforeshow 有一些权限检查代码，如果不满足权限，我想引导用户登录页面。

$("secretpage").live("pagebeforeshow", function () {
  if (permissionNotMet()) {
    stopShowingPage()         //    <---- how?
    $.mobile.changePage("#signin")
  }
})

Answer 1

这并不完全是您所要求的，但您可以重新设计代码流程，以使这对您自己来说更容易。

自行处理登录表单的提交，然后根据服务器响应将用户引导至正确的页面:

$(document).delegate('#login', 'pageinit', function () {
    function loginSuccess (serverResponse) {

        $.mobile.hidePageLoadingMsg();

        //here you check the `serverResponse` and direct the user where they need to go
    }
    function loginError (jqXHR, textStatus, errorThrown) {
        console.log(jqXHR);
        console.log(textStatus);
        console.log(errorThrown);
    }
    $(this).find('form').bind('submit', function () {

        $.mobile.showPageLoadingMsg();

        $.ajax({ url : '<url>', data : $(this).serialize(), success : loginSuccess, error : loginError });
        return false;
    });
});

您还需要添加data-ajax="false"作为 <form> 的属性标记，以便 jQuery Mobile 不会为您处理提交。