删除项目后，单击“浏览器回退”按钮后，jQuery移动列表视图详细信息页返回到“已删除项目详细信息”视图

Question

删除项目后，单击“浏览器后退”按钮后，“jQuery移动列表视图详细信息”页面返回到“已删除项目详细信息”视图。

我正在使用jQuery移动框架编写一个应用程序，在页面中动态创建一个列表视图，供用户添加产品名称。当用户单击listview项目链接时，将再次动态生成详细信息视图页面，以显示产品的详细信息。

在“详细信息”视图中，有一个删除按钮，用户可以单击该按钮从列表中删除此项并返回到listview页面。

当用户单击“浏览器后退”按钮时，再次显示先前删除的“列表项详细信息”视图页时，就会出现此问题。这是不正确的，首先已删除的项目不再在列表中，它使用户感到困惑。其次，如果我删除隐藏的细节视图页面，这将与历史对象混淆，在这种情况下我能做什么，我如何解决这个问题？我将为此创建一个jsfiddle链接。谢谢。

Answer 1

如果不希望jQuery移动更新浏览器的导航历史记录，则应在导航时禁用changeHash。因此，在按回按钮时，您将被重定向到历史上的前一页到当前页。

还请注意，不推荐使用$.mobile.changePage()，代之以下面的函数。

$.mobile.pageContainer.pagecontainer("change", newPage, {
    changeHash: false /* this won't update navigation history */
});

演示