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'); 
    }) 
});