listview - 動的コンテンツのjqueryモバイルリストビューが2回目に表示されない

Question

親からの各liをクリックすると、ul-liリスト（親リストと言う）があり、もう1つのul-liリスト（子リストと言う）を動的に作成しています。問題は、子リスト用の JQM のリストビュー テンプレートが、親リストからの最初のクリックで読み込まれることです。しかし、親から同じliまたは他のliをクリックするとロードされません。代わりに、JQMのリストではなく、通常のhtml ul-liリストがロードされます。

サンプルコード、

HTML:

<ul id="parentUlContainer" data-role="listview">
<li id="one">first<li>
<li id="two">second<li>
</ul>

脚本：

$("#parentUlContainer li").click(function(){
 //creating dynamic child ul-li list with respect to the #one or #two of parent.
});

リストビューの更新メソッドの使い方と使用場所がわかりません。よろしくお願いします。

Answer 1

ここでの問題は、新しいリスト項目を追加した後、js でリスト ビューを更新する必要があることだと思います

$( "#parentUlContainer" ).listview( "refresh" );

使用例で JSfiddle を作成しました: http://jsfiddle.net/ajpalma/n9dSG/

また、終了リストの項目に先頭の「/」がないことに気付き、フィドルでこれを修正しました。