外部页面在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">