每10秒自动加载和刷新div jquery mobile答案

【问题标题】：Auto Load and Refresh div every 10sec jquery mobile每10秒自动加载和刷新div jquery mobile
【发布时间】：2012-03-26 12:44:52
【问题描述】：

我正在使用 jquery mobile 并希望在特定时间间隔内刷新 div。我尝试使用

var auto_refresh = setInterval(function() {
    $("#zabar").load(location.href+" #zabar>*","").fadeIn("slow")
},15000);

但是在自动刷新后，那个 div 或按钮的 CSS 样式和结构消失了会发生什么。我不从其他页面加载内容。只是想在特定时间刷新它。这是演示这里发生了什么http://jsfiddle.net/pRTg9/ 一切都消失了

【问题讨论】：

这可能会有所帮助jsfiddle.net/kLk4f/1 相关：stackoverflow.com/questions/9338824/…
@Phill Paffor 我真的很抱歉 jsfiddle 没有打开。必须稍等。或者请将代码粘贴到 pastebin 谢谢
@BasicBridge 不只是你。 here 是一个很好的读物。仅供参考，您想要的称为“长轮询”。

标签： javascript jquery css jquery-mobile

【解决方案1】：

尝试在您的 auto_refresh 函数中对您的 div 调用 .trigger( 'updatelayout' );。触发该事件应该重新应用 css 样式和结构。它可能看起来像这样：

var auto_refresh = setInterval(function() {
$("#zabar").load(location.href+" #zabar>*","").fadeIn("slow");
$("#zabar").trigger('updatelayout');
},15000);

updatelayout 事件在 jQuery Mobile 文档中的 this page 底部进行了描述。

【讨论】：

【解决方案2】：

尝试通过 Ajax 获取您的新列表内容，然后将其替换到列表中并在您的列表中调用“listview('refresh')”。见http://jsfiddle.net/RRCAK/20/

【讨论】：