jquery - 外部页面在刷新时消失 - 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">