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

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

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

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

Answer 1

您需要做两件事，从DOM中删除页面div以及导航历史记录。 这可以通过监听ui.prevPage并读取ui.prevPage对象来完成，因为它保存了上一页的数据（不是当前活动的数据）。

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

$.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});