刷新列表视图问题

Question

我在刷新列表视图时遇到问题。

我在同一个 html 文件中有 2 个页面。 在这两个页面中，我都有一个使用 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"); 
});