Question

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

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

但是在自动刷新之后，该div或按钮的css样式和结构会消失。我不会从其他页面加载内容。只想在特定时间刷新它。这是在这里演示正在发生的事情http://jsfiddle.net/pRTg9/每件事都消失了

Answer 1

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

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

jQuery Mobile Documentation中this page的底部描述了updatelayout事件。

Answer 2

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

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

2 个答案: