JQM后退按钮丢失前一页数据

Question

我对 Jquery 移动和后退按钮功能有疑问。

我有一个页面在显示时在远程服务器上运行 ajax 请求。 Ajax 通过 pagebeforeshow 事件启动。当我使用多个 html 文件时，此事件附加到具有 [data-role="page"] 属性的 div：

 <div data-role="page" data-theme="b" id="Favorites">
   <div data-role="content" data-theme="b">
    <div id="Ajax">
            DISPLAY AJAX RESULT CONTAINING LINK TO OTHER HTML PAGE
        </div>
    </div>
 </div>

这里是javascript：

$('#Favorites').on('pagebeforeshow', function(event) {
   LaunchAjax();   
});     

第一次显示页面时，这可以正常工作。 但是，ajax 结果包含指向用户可以关注的另一个页面的链接。 当用户点击链接时，我会显示一个后退按钮（使用 jquery mobile 生成），以便他返回包含 ajax 结果的初始页面。

但是，当单击返回按钮时，初始页面显示为空白。 我希望显示由 ajax 生成的最后一个结果，或者至少是一种重新启动 ajax 函数以显示初始结果的方法。

我尝试过使用 JQM 缓存：

 $.mobile.page.prototype.options.domCache = true;

但这并没有解决我的问题，而且 DOM 元素看起来没有正确缓存（可能是因为我使用了单独的 html 文件）

我已经在 Chrome 桌面和 Android 上使用 phonegap 测试了我的应用，这两个问题都存在。

有人有正确的方法吗？

非常感谢

最好的问候。

Answer 1

您使用了错误的页面事件绑定方式。成功绑定页面事件的唯一方法是通过委托绑定。

所以代替这段代码：

$('#Favorites').on('pagebeforeshow', function(event) {
    LaunchAjax();   
});

使用这个：

$(documents).on('pagebeforeshow', '#Favorites',function(event) {
    LaunchAjax();   
});