2

jQuery モバイル 1.3.0 を使用しており、リストビューの動的要素のスタイルを設定しようとしています。ページのマークアップで定義されたリストがあり、オブジェクトから要素を追加できます。

<div data-role="content">
      <ul data-role="listview" id="list_logs">

      </ul>
</div>

これは、オブジェクトからアイテムを読み取り、リストを作成するコードです。

for(log in data.logs) {
        $('<li><h2>'+data.logs[log].date+'</h2><p>'+data.logs[log].event+'</p><p>'+data.logs[log].type+'</p></li>').appendTo('#list_logs').trigger("refresh");
}

ドキュメントから私が理解できることから、trigger("refresh") を呼び出してリスト コンテンツのスタイルを設定する必要がありますが、それも trigger("create") もあまり機能していません。誰かがこれについてさらに洞察を持っていますか? 前もって感謝します。

編集: スタイルシートがドキュメント ヘッドに配置されていること、および要素を静的に追加すると正しいスタイルが得られることを追加する必要があります。

4

1 に答える 1

6

すべてのコンポーネントには、マークアップ拡張用に設計された関数があり、listview は次を使用します。

$('#listviewID').listview('refresh');

これが完全に動的にリストビューを作成する場合、li 要素だけでなく、次の行を使用する必要があります。

$('#listviewID').listview().listview('refresh');

完全なリストと例は、他のARTICLEで見つけることができます。わかりやすくするために、それは私のブログです。または、ここで見つけることができます。

于 2013-02-23T22:09:29.930 に答える