html - JQMでリストビューをプログラムで作成する方法

Question

ajax の配列があり、jQuery Mobile Listviewを作成する必要があります。これの方法が見つからないので、可能ですか？

Answer 1

これが実際の例です: http://jsfiddle.net/Gajotres/SS7vJ/

配列を使用した別の例: http://jsfiddle.net/Gajotres/yHHWQ/

$(document).on('pagebeforeshow', '#index', function(){       
    $('<ul>').attr({'id':'test-listview','data-role':'listview', 'data-filter':'true','data-filter-placeholder':'Search...'}).appendTo('#index [data-role="content"]');
    $('<li>').append('<a href="#">Audi</a>').appendTo('#test-listview');
    $('<li>').append('<a href="#">Mercedes</a>').appendTo('#test-listview');
    $('<li>').append('<a href="#">Opel</a>').appendTo('#test-listview');
    $('#test-listview').listview().listview('refresh');
});

また、.listview( を 2 回呼び出すことを忘れないでください。最初は refresh パラメータなしで、2 回目は refresh パラメータを指定して呼び出します。これを行わないと、次のエラーが発生します。

初期化前にリストビューでメソッドを呼び出すことはできません

jQuery モバイルが動的に追加されたコンテンツとそのマークアップをどのように処理するかについて詳しく知りたい場合は、このARTICLEを参照してください。わかりやすくするために、私の個人的なブログを参照するか、こちらを参照してください。