jQuery Mobile - 刷新列表视图

Question

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

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

一切正常。但是，如果刷新站点并且主页未处于活动状态，则会添加列表但不使用jQuery Mobile样式。我尝试添加此代码，但它没有帮助：

$(document).ready(function(){

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

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

Answer 1

您可能会提前调用刷新方法。尝试在pageshow事件中调用刷新

$(document).ready(function(){

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