Обновить список вопросов

Question

У меня проблема с обновлением списка.

У меня есть 2 страницы в одном HTML-файле. На обеих страницах у меня есть динамическое представление списка с помощью Ajax:

<ul data-role="listview" data-filter="true" id="nestedList">
</ul>

А в другой:

<ul data-role="listview" data-filter="true" id="secondList">
</ul>

После загрузки данных я делаю это:

$('#nestedList').html(dynamicNestedList);
$('#secondList').html(dynamicSecondList);
$('ul#nestedList').listview("refresh"); 

Для первой страницы все в порядке. Для второй страницы я добавил простой скрипт, который делает обновление на лету:

<script>
 $('ul#secondList').listview("refresh");
</script>

С jQueryMobile Beta1 я мог вернуться на первую страницу, и все было в порядке. В jQueryMobile Beta2, когда я возвращаюсь на первую страницу, список пуст ...

Я попытался добавить тот же «скрипт», чтобы на лету обновить первую страницу. Это не работает. Когда я возвращаюсь на первую страницу, сообщение jQuery «Загрузка» происходит и никогда не уходит ..

Я слышал о триггере "создания" в jQuery Mobile Beta 2, но я не могу понять, что это означает на самом деле ...

Есть решение?

Answer 1

Вам нужно выполнить это в live ()

• http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/api/events.html

Пример:

$('#secondList_page_id').live('pageshow',function(event, ui) {
    $('#secondList').html(dynamicSecondList);
    $('ul#secondList').listview("refresh");
});

$('#nestedList_page_id').live('pageshow',function(event, ui) {
    $('#nestedList').html(dynamicNestedList);
    $('ul#nestedList').listview("refresh"); 
});