外部页面在refresh-jquery mobile上消失

Question

我正在开发一个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>

Answer 1

导航到另一个页面时，将从DOM中删除外部页面 。 如果要保持外部页面缓存，请将data-dom-cache="true"到页面div。

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