外部页面在刷新时消失 - jquery mobile答案

【问题标题】：External page disappears on refresh - jquery mobile外部页面在刷新时消失 - jquery mobile
【发布时间】：2015-01-29 18:20:43
【问题描述】：

我正在开发一个 jquery 移动应用程序，通过单击链接将外部页面加载到 div 中，

我在 div 中调用的外部页面也有指向其他页面的链接。

当我点击这些链接到其他页面时，我使用返回链接("javascript:history.back()") 过来

具有外部页面的上一页，外部页面消失，除非我点击调用外部页面加载的链接

再次访问该页面。我在想这些是否可能是一个可以缓存加载页面的脚本，所以当我使用时

返回链接("javascript:history.back()") 再次返回我在那里找到页面。

这里是我用来加载外部页面的脚本：

$(document).ready(function() {
    $('.newsclick').on('click', function(event) {
        $('#headline_container').load('news/headlines.asp');

    });
});

HTML

<div data-role="page" id="news">
  <div data-role="header">
    <h1>News</h1>
  </div>
  <div id="headline_container" data-role="content">Content</div>
  <div data-role="footer">
    <h4>Footer</h4>
  </div>
</div>

【问题讨论】：

标签： jquery html ajax jquery-mobile

【解决方案1】：

外部页面会在您导航到另一个页面时从 DOM 中移除。如果您想保持 外部页面 缓存，请将 data-dom-cache="true" 添加到页面 div。

<div data-role="page" id="news" data-dom-cache="true">

【讨论】：