listview () не работает jquerymobile

Question

Я создаю приложение, используя jquery mobile, я добавляю контент в тег ul с помощью ajax, но после загрузки контента функция listview () выдает ошибку js на консоли и не работает.

Я протестировал его с jquery.mobile-1.0rc1.min.js jquery 1.5 и 1.6.

проверьте мой код:

var loaddata = function()
{
            var NPage  = $('#subCatView');

        var pContent = NPage.find('.content');
        pContent.empty();
        pContent.html('<ul></ul>');
        pList = pContent.find('ul');

        pList.html("<li>Test List Item</li>");
        pList.listview();
        $.mobile.hidePageLoadingMsg();
        return;
}

HTML:

<div id="subCatView" data-role="page"> 
  <div class="header" data-role="header" data-theme="a">
    <h1></h1>
  </div>
  <div class="content" data-role="content"></div> 
</div> 

Erorr:

Ошибка: c [0] не определен Исходный файл: http://localhost/jquerymobile/jquery-mobile/jquery.mobile-1.0rc1.min.js Строка: 103

Выдает ошибку pList.listview (); , когда я его удаляю, ошибка удаляется, но очевидно, что просмотр списка не создается.

Когда я использую pList.listview ('refresh');

Я знаю, что обновление используется, когда мы добавляембольше элементов.

Ошибка: необработанное исключение: невозможно вызвать методы в просмотре списка до инициализации;попытался вызвать метод «refresh»

Спасибо

Answer 1

Попробуйте дать вашему <ul> удостоверение личности, например:

<ul id='dataList1'></ul>

Затем позвоните:

$('#dataList1').listview('refresh');