每次显示页面时重新初始化页面的方法

时间:2011-08-17 10:32:39

标签: jquery-mobile

我有一些页面由加载了Ajax的内容动态填充。我的问题是,每次进入此页面时,如果旧内容尚未被新内容替换,旧内容仍然存在...

我想过两个家庭解决方案,如:

  • 创建“模板”页面。通过调用“pagebeforeshow”,我将从目标页面中的模板中复制代码,并在那里添加动态内容......
  • 每个必须放入动态内容的DOM,我有一个类“clearcache”,并通过调用“pagebeforeshow”我做一个$(“。clearcache”)。empty();

我不知道如何处理。你有同样的问题吗?


编辑:

<a href="#PageBlock" data-ajax="false" block-id="5" data-transition="flip"></a>

我绑定“tap”事件以将block-id存储到localstorage中,以在#PageBlock中加载动态内容 一切都很好(点击事件,var的本地存储,ajax加载)。当我从块到其他块时,问题就出现了。新内容会覆盖旧内容,而不是从新的“空白”页面开始。

例如,我有一个列表,我附加了从Ajax获取的数据。如果我切换到另一个块,列表就完成了,没有刷新..

我可以做一些事情,比如清空列表,然后添加内容,但我想要更好的东西,因为我有几个页面/列表/ dom就像那样......

感谢您的帮助;)

1 个答案:

答案 0 :(得分:0)

我遇到了类似的问题,当我试图追加它时,页面上没有显示的新内容。有一个简单的解决方案,你可以用prepend替换append。 例: 更换 $( “#DIVID”)。追加(内容) 同 $(“#divid”).prepend(content)