jquerymobile phonegap 后退按钮获取上一个状态

Question

我正在构建一个小型移动应用程序，但我有一个关于 JQM 的问题。

当用户登录时，用户将被重定向到页面 A。页面 A 使用来自 JQM 的 loadPage 加载（例如：$.mobile.loadPage("pageA.html")）

页面加载后，我进行了 AJAX 调用，因为我从数据库中提取了一些数据并更改了页面 A 上的内容。从页面 A，我可以转到页面 B。页面 B 有一个后退按钮。当我单击后退按钮时，应用程序会滑回没有 AJAX 内容的状态。有没有办法解决这个问题？

谢谢

Answer 1

默认情况下，一旦用户离开页面，jQuery Mobile 将删除任何通过 AJAX 引入 DOM 的页面。如果您想为特定页面禁用此功能，您可以将data-dom-cache 属性添加到页面的data-role="page 元素并将其设置为true：

<div data-dom-cache="true" data-role="page" id="pageA">
    ...
</div>

来源：http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-cache.html

此功能已添加到 jQuery Mobile 以帮助控制 DOM 的大小，从而减少浏览器崩溃的发生。如果您只想在 DOM 中保留一个页面，请确保它不是会导致设备瘫痪的大页面。