浏览器的后退按钮和事件

Question

我有一个多页的jquery移动html文档。

一个页面包含指向外部页面的链接。

当我点击后退按钮时，它没有显示点击链接时页面的外观。

我不知道它是否与我动态获取数据的方式有关，或者它与列表有问题。当它返回到页面时，会触发什么事件？

Answer 1

当您导航到不在同一个域中的页面时，在新页面上会发生整页加载，并且当用户导航回来时您不能保持上一页的状态，除非您保存状态cookies / localStorage / sessionStorage中的页面并自行恢复状态。

话虽如此，您仍然可以在pagecreate或pageinit事件上重建您的页面，如果用户按下后退按钮并且从服务器重新请求页面，则会触发该页面。

如果外部HTML文档位于同一个域中，则只需添加data-dom-cache="true"属性即可为要保留的页面启用页面缓存：http://jquerymobile.com/demos/1.0/docs/pages/page-cache.html

示例：

<div data-dom-cache="true" data-role="page">
    <div data-role="header">...</div>
    <div data-role="content">...</div>
    <div data-role="footer">...</div>
</div>

在jQuery Mobile中，一旦您离开它们，页面就会自动从DOM中删除。设置data-dom-cache数据属性将阻止此操作发生。