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

时间:2015-01-29 18:20:44

标签: jquery html ajax jquery-mobile

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

1 个答案:

答案 0 :(得分:8)

当您导航到另一个页面时,

外部页面将从DOM中删除。如果您希望缓存外部网页,请将data-dom-cache="true"添加到页面div。

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