删除JQuery Mobile历史记录中的第一页

Question

我正在使用jQuery Mobile做Cordova应用程序。 我的第一页是“正在加载”页面，我在这里下载App所需的所有数据。 之后，App进入菜单。 我想从历史记录中删除该加载页面。

我的问题是，据我所知，只有在使用$ .mobile.changePage（changehash = false）加载页面时，才能禁止在历史记录中插入页面。 我正在使用jqueryMovile-1.4.2＆cordova 3.4.0。

有人知道解决这个问题的方法吗？

Answer 1

您需要做两件事，从DOM中删除页面div以及导航历史记录。 这可以通过倾听来完成pagecontainershow和阅读ui.prevPage对象，因为它拥有前一页（不是当前的活动之一）的数据。

当pagecontainershow触发时，检查返回的ui.prevPage的类型，它不应该是undefined 。 如果在此阶段defined （表示您已从DOM中的第一页移动到任何其他页面），则从DOM中$.mobile.navigate.history.stack .remove()和从$.mobile.navigate.history.stack 。

$.mobile.navigate.history.stack.splice(0,1); 这将删除urlHistory堆栈中的第一条记录。

$(document).on("pagecontainershow", function (e, ui) {
  if (typeof ui.prevPage[0] !== "undefined" && ui.prevPage[0].id == "pageID") {
    $.mobile.navigate.history.stack.splice(0,1);
    $(ui.prevPage).remove();
  }
});

演示

Answer 2

你有什么问题，changehash = false？

您应该在从加载页面转换到菜单时使用它。

这看起来很像我在自己的应用程序中所做的，除了我的案例历史由Backbone处理。

$.mobile.changePage($("#menuPage"), {changeHash: false});

从jquery 1.4开始，你不应该再使用$ .mobile.changePage而是：

$("body").pagecontainer("change",$("#menuPage"), {changeHash: false});