刷新列表视图问题

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