单击主页按钮时清除DOM缓存

时间:2013-04-25 20:15:11

标签: dom caching jquery-mobile

我的网页顺序如下:index.html - > news.html - > newstext.html。在我的news.html页面div中,我启用了data-dom-cache =“true”,因为当人们从newstext返回时,他们位于相同的页面位置,而news.html没有刷新。

news.html有一个主页按钮,可以将其带回索引,可以点击更多主题。当点击主页按钮时,如何从dom中清除news.html?

<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script>
  function clearDom(div){
    $(div).remove();}
</script>
</head>
<body>
<div data-role="page" id="mainNews" data-dom-cache="true">
  <div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false">
    <a onclick="clearDOM('mainNews');" data-role="button" data-rel="back" data-icon="home" data-iconpos="notext" class="ui-btn-left"></a>
</div>

正如您所看到的,我尝试实现onclick方法,尝试传递此页面的divID,但它没有工作。我发现的唯一主题是根本没有缓存。我想缓存,直到用户离开此页面。我认为这可能对其他人非常有帮助。谢谢你的时间!

只是一个更新:点击news.html中的链接,在我的Android手机上,在缓存进程下,我的应用程序缓存20到30 MB的任何位置。这很多,所以我真的需要清除它!

1 个答案:

答案 0 :(得分:0)

尝试:

clearDOM('#mainNews');

您需要#for ID选择器。