删除项目后单击浏览器后退按钮的jQuery Mobile listview详细信息页面将返回已删除项目详细信息视图

时间:2014-11-06 03:48:53

标签: jquery jquery-mobile

jQuery Mobile listview详细信息页面删除项目后单击浏览器后退按钮返回到已删除项目详细信息视图。

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

在详细信息视图中,有一个删除按钮,供用户单击以从列表中删除此项目并返回列表视图页面。

当用户单击浏览器后退按钮时,会发生问题,之前删除的列表项详细信息视图页再次显示。这是不正确的,首先删除的项目不再在列表中,它会使用户感到困惑。其次,如果我删除隐藏的详细信息视图页面,这将搞乱历史对象,在这种情况下我该怎么办,我该如何解决这个问题?我将为此创建一个jsfiddle链接。 谢谢。

1 个答案:

答案 0 :(得分:0)

如果您不希望jQuery Mobile更新浏览器的导航历史记录,则应在导航时禁用changeHash。因此,在按下后退按钮时,您将被重定向到历史记录中的上一页到当前页面。

另请注意,$.mobile.changePage()已弃用,请替换为以下函数。

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

<强> Demo