如何在jquery(移动)中刷新DIV
How to refresh a DIV in jquery (mobile)?
更新:抱歉,我不小心将data-dom-cache="true"
行复制到我的内容div中。该应用程序从 dom 而不是新内容加载似乎非常合乎逻辑!我已将其更改为false
,现在它运行良好。
谢谢。
我有一个动态生成的列表。如果有人单击列表中的条目,用户将被重定向到加载数据的新页面(动态(。加载的数据取决于用户单击的列表条目。
首次加载应用程序时,所有操作都运行良好。但是,当用户单击另一个列表条目时,将显示与第一次运行时相同的数据。
我已经尝试了 jQuery 中的 .empty()
函数(清除div 并附加新数据(,但它不起作用。
编辑:
我的标题.html文件如下所示:
<div id="content>
<div id="headlineslist">
<ul data-role="listview" data-theme="c" id="headlineslist">
</ul>
</div>
</div>
<script>
$(document).ready(function() {
HeadlinesLoad();
});
</script>
这是Javascript文件:
function HeadlinesLoad() {
$.ajax({
type: "POST",
url: "headlines_getter.php",
dataType: 'json',
cache: false,
success: function(data1) {
$.each(data1, function(i, currentObj) {
$('ul#headlineslist').append('<li data-role="list-divider"
class="ui-li ui-li-divider ui-bar-b">' + currentObj.main + '</li>').listview('refresh');
$.each(currentObj.sub, function (j, currentSub) {
$('ul#headlineslist').append('<li>
<a href="headlinesclicked_temp.html" onclick="headlineID(' + currentSub.sid + ')">' + currentSub.name + '</a></li>').listview('refresh');
});
});
}
});
}
function headlineID(hID) {
window.localStorage.setItem("headlineID", hID);
}
function onHeadlinesLoad() {
var hID = window.localStorage.getItem("headlineID");
window.localStorage.removeItem("headlineID");
window.localStorage.clear();
$.ajax({
url: "headlinesclicked_getter.php?hID=" + hID,
success: function(html) {
if(html){
$("#headlineshome").empty();
$("#headlineshome").html(html);
}
}
});
}
以下是HTML文件中的片段,其中应显示数据(并在用户每次新点击时刷新(:
<div data-role="content" id="headlineshome"></div>
<script>
$(document).ready(function() {
onHeadlinesLoad();
});
</script>
我不知道为什么它不起作用,所以我向你寻求帮助。
提前谢谢。
最好的问候,约翰。
使用 jQuery 移动版更新列表后,请考虑触发">创建"事件,但这已经过时了,因此请使用
.page()
在你的清单上,像这样:
$('ul#headlineslist').page();
相关文章:
- 刷新 Div 内容(仅限本地.html)
- 如何刷新 DIV 而不是页面
- 如何使用随机的不同名称刷新 DIV
- 刷新 DIV 容器
- 如何在jquery(移动)中刷新DIV
- 在自动刷新 DIV 标签内的 PHP 中表单将不起作用
- 在提交 AJAX 表单后刷新 Div 的内容
- 是否可以刷新 DIV 而 DIV 中没有另一个页面
- 使用setInterval刷新Div的InnerText
- 每5秒自动刷新DIV内容代码不起作用
- 如何点击按钮刷新Div内容
- 使用jQuery从5秒到0自动刷新Div
- 如何刷新 DIV 内容
- 使用JQuery自动刷新DIV
- JQuery AJAX刷新Div上的间隔和更改内容上点击
- 10分钟后自动刷新DIV
- 脚本重载或刷新Div单击
- 如何在不刷新索引页的情况下刷新DIV
- 重计算前刷新DIV
- 动态刷新DIV