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

Posted 2023-05-08

【中文标题】每10秒自动加载和刷新div jquery mobile

【英文标题】：Auto Load and Refresh div every 10sec 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 相关：***.com/questions/9338824/…

@Phill Paffor 我真的很抱歉 jsfiddle 没有打开。必须稍等。或者请将代码粘贴到 pastebin 谢谢

@BasicBridge 不只是你。 here 是一个很好的读物。仅供参考，您想要的称为“长轮询”。

【参考方案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/