jQuery Mobile - 刷新列表视图

Question

我在我的jQuery Mobile Page的“主页”上有一个动态添加列表。在一个单独的JS文件中，我有以下行来添加列表：

$('#ListWrapper').append(html).trigger("create"); 

并且所有工作正常。但是，如果网站已刷新且主页未处于活动状态，则会添加列表，但不包含jQuery Mobile样式。我尝试添加此代码，但它并没有帮助：

$(document).ready(function(){ 

    if ($('.home').hasClass('ui-page-active')) { 
     $("#ListWrapper ul").listview("refresh"); 
    } 
}); 

有关如何解决此问题的任何帮助？我很高兴根据需要提供其他信息。谢谢！

Answer 1

您可能会提前调用刷新方法。尝试在页面显示事件中致电刷新

$(document).ready(function(){ 

    $('#HomePage').live('pageshow', function (event, ui) { 
     $('#ListWrapper ul').listview('refresh'); 
    }) 
});