刷新后外部页面消失 - jQuery Mobile

Question

我正在开发一个jQuery Mobile应用程序，该应用程序通过单击链接将外部页面加载到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>

- ama

Answer 1

当您导航到另一个页面时，外部页面会从DOM中删除。如果希望将外部页面缓存，请将data-dom-cache="true"添加到页面div中。

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

- Omar