使用 pagebeforechange 事件更改链接目标并将其保留在历史记录之外？

Question

我正在开发一个使用 jQuery Mobile (jQM) 的 PhoneGap 应用程序。该应用程序具有需要对用户进行身份验证的区域。因此，我使用 jQM 的 pagebeforechange 来确定用户在查看他们请求的页面之前是否需要进行身份验证。如果是这样，我会将它们发送到登录页面。

我想让登录页面远离 jQM 的历史记录跟踪。也就是说，如果用户看到登录页面，但决定按“取消”，我希望应用程序返回到上一页，并且历史记录中不有“下一页” ; “上一页”将位于历史堆栈的顶部。

以下是我处理登录页面重定向的方式：

$(document).bind('pagebeforechange', function(e, data) {
  if (typeof data.toPage !== 'string') {
    return;
  }

  if (data.toPage.match(/someRestrictedPage/)) {
    data.options.transition = "pop";
    data.options.changeHash = false;
    data.toPage = "myLogin.html";
  }
});

对于我正在执行的登录页面的取消按钮：

$loginCancelButton.bind('click', function() {
  var prevPage = $.mobile.urlHistory.getPrev();

  if (typeof prevPage !== 'undefined') {
    $.mobile.changePage(prevPage.url, {
      changeHash: false,
      reverse: true,
      transition: "pop"
    });
  }
});

但是，当我这样做时，我最终会得到一个带有三个的 $.mobile.urlHistory.stack elements：

[ {"index"}, {"login"}, {"index"} ]

如何管理拦截页面更改以在必要时重定向到登录表单，但不创建“无效”导航历史记录？

Answer 1

查看 jquery 文档 它提到 pagebeforeload事件需要停止。然后调用data.deferred（解决或拒绝）。

尝试将其更改为：

$(document).bind('pagebeforechange', function(e, data) {
    if (typeof data.toPage !== 'string') {
        return;
    }

    if (data.toPage.match(/someRestrictedPage/)) {
        e.preventDefault()
        data.options.transition = "pop";
        data.options.changeHash = false;
        data.toPage = "myLogin.html";
    }
    data.deferred.resolve(/* url */, data.options)
});

Answer 2

最初问题的解决方案可能是这样的：

$(document).bind('pagebeforechange', function(e, data) {
if (typeof data.toPage !== 'string') {
    return;
}

if (data.toPage.match(/ your regex /gi))
{
    if (!check_login())
    {
         e.preventDefault();
         data.options.transition = "pop";
         data.options.changeHash = false;
         data.toPage = "#SignIn";
         $.mobile.changePage("#SignIn");
    }
    //data.deferred.resolve('#SignIn', data.options);
 }
});

这对我来说很好。

Answer 3

VeXii 的解决方案似乎对我有用。只需删除

data.deferred.resolve('#SignIn', data.options);

并

e.preventDefault();

在 jquery mobile 1.3 上...

$(document).bind('pagebeforechange', function(e, data) {
    if (typeof data.toPage !== 'string') {
        return;
    }

    if (data.toPage.match(/index/)) {
        data.options.transition = "pop";
        data.options.changeHash = false;
        data.toPage = "#login";
    }
});