jQuery Mobile - обновление списка

Question

У меня есть динамически добавленный список на «домашней странице» моей мобильной страницы jQuery.Внутри отдельного файла 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');
     }) 
});