0

我有一个页面，其中包含一个<div data-role="page" ...和一个<div data-role="dialog" id="dialog-1" ...

我用这个链接打开对话框：<a href="#dialog-1" data-role="button" data-rel="dialog">Open Dialog</a>

但是，main 中也有一些链接page。例如，这是我的 index.html：

...
<body>
<div data-role="page" id="Survey">              
    <div data-role="content">
        <a href="page2.html" data-role="button" data-transition="slide">Go to the next page</a>
        <a href="#dialog-1" data-role="button"  data-rel="dialog">Open Dialog</a>
    </div><!-- /content -->      
</div><!-- /page -->  
<div data-role="dialog" id="dialog-1">              
    <div data-role="content">
        Welcome!
    </div><!-- /content -->      
</div><!-- /dialog-->  
</body>
</html>

这是我的 page2.html ：

...
<body>
<div data-role="page" id="Survey2">              
    <div data-role="content">
        <a href="#dialog-1" data-role="button"  data-rel="dialog">Also you can open the dialog here</a>
    </div><!-- /content -->      
</div><!-- /page -->  

</body>
</html>

但这就是问题所在：我打开 index.html，然后单击链接转到带有 jQ​​uery mobile 的 Ajax Navigation 功能的 page2.html，然后单击链接Also you can open the dialog here。通过单击此链接，该Survey2页面将从 DOM 中删除。当我关闭对话框时，一个新的 page2.html 下载并位于 DOM 中。

但是，当对话框打开时，如何防止从 DOM 中删除 page2.html？

4

1 回答 1

2

查看此文档：http: //jquerymobile.com/test/docs/pages/page-cache.html

如果您只想对页面禁用删除pagehide，#Survey2您可以将属性添加data-dom-cache="true"到此页面：

<div data-role="page" id="Survey2" data-dom-cache="true">              
    <!-- [...] -->      
</div><!-- /page -->

如果要保留通过 ajax 注入的所有页面，可以全局启用此功能：

jQuery.mobile.page.prototype.options.domCache = true;
于 2012-09-03T22:19:44.480 回答