1

このようなリストがあります

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

起動時に見栄えがよく、素敵な（機能するフィルター/検索バー）を取得します。

しかし、その後、ajax 呼び出しを使用して、いくつかの行 (li) をリストに追加します。

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

次に、リストをリロードして、素敵な JQM UI でリストを再レンダリングします。

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

私の問題は、この後、フィルター/検索バーが機能しなくなることです。(まだ表示されていますが、フィルタリングされていません)。

リスト全体をコールバックに追加しようとしました（htmlにaを入れてから、リスト全体を読み込んでいます（append（ '

検索機能を再度オンにする方法について何か提案はありますか?

4

1 に答える 1

1

ここで解決策を見つけました: jQuery Mobile - listview() with data-filter="true" and ajax content

まず、何らかの理由で data-role="listview" ではなく data-role="list-view" を持っていました。

2 番目に変更したのは、document.ready() メソッドを削除し、2 つのメソッドに置き換えたことです。

$(document).live( 'pagebeforecreate',function(event){
    // append stuff to UL
});
$(document).live("pageinit", function(){
    $('#list').listview();
});
于 2012-07-30T11:29:45.617 に答える