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

jQuery Mobile listview详细信息页面删除项目后,单击浏览器上一步按钮返回到已删除项目详细信息视图,jquery,jquery-mobile,Jquery,Jquery Mobile,jQuery Mobile listview详细信息页面删除项目后,单击浏览器后退按钮返回到已删除项目详细信息视图 我正在使用jquerymobileframework编写一个应用程序,在一个页面中动态创建一个listview,供用户添加产品名称。当用户单击listview项目链接时,将再次动态生成详细信息视图页面,以显示产品的详细信息 在“详细信息”视图中,有一个“删除”按钮,用户可以单击该按钮从列表中删除该项目并返回到listview页面 问题发生在用户单击浏览器后退按钮时,以前删除的列表项

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

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

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

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

如果您不希望jQuery Mobile更新浏览器的导航历史记录,您应该在导航时禁用
changeHash
。所以,点击“后退”按钮后,您将被重定向到历史记录中的上一页到当前页

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

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


我加载了您的JSFIDLE,但不知道输入什么才能看到问题的说明。您能描述一下如何使用JSFIDLE查看问题的性质吗?在JSFIDLE链接页面中,请在产品名称输入框中键入prod1,然后在单击添加按钮后在产品显示顺序输入框中键入1。单击prod1 listview链接项,在产品详细信息视图页面中,请单击删除按钮。它将跳回listview页面,此时请单击左上角的web浏览器后退按钮。再次显示产品详细信息查看页面。这不是正确的,因为它刚刚被删除。谢谢。@BeiHuaXie不客气:)如果你的问题与jquery手机相关,别忘了给你的问题贴上标签。