jquery-mobile - JQuery Mobile listview 在ajax调用后失去搜索过滤器功能

Question

我有一个这样的清单

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

它在启动时看起来不错并且得到了一个不错的（工作过滤器/搜索栏）。

但随后我通过 ajax 调用将一些行 (li) 添加到列表中。

 $('#list').append('<li>item</li>');

然后我重新加载列表以使用漂亮的 JQM UI 重新呈现列表。

$("#list").listview();

我的问题是，在此之后过滤器/搜索栏停止工作。（它仍然显示，但没有过滤）。

我试图在回调中添加整个列表（在 html 中放入 a 然后读取整个列表（append('

关于如何重新打开搜索功能的任何建议？

Answer 1

我在这里找到了解决方案：jQuery Mobile - listview() with data-filter="true" and ajax content

首先，出于某种原因，我有 data-role="list-view" 而不是 data-role="listview"。

我改变的第二件事是我删除了 document.ready() 方法并用两个方法替换它：

$(document).live( 'pagebeforecreate',function(event){
    // append stuff to UL
});
$(document).live("pageinit", function(){
    $('#list').listview();
});