jquery-mobileはjquery-tmplでうまく動かないのですか？

Question

同じテンプレートとJavaScriptがある理由はありますか？

<script id="taskTemplate" type="text/x-jquery-tmpl"> 
    <li>${name}</li> 
</script> 

$.getJSON(url, function(data) {  
    $("#taskTemplate").tmpl(data).appendTo("#tasks"); 
}); 

...次のjqtouchマークアップで文書化されているように動作します：

<ul class="rounded" id="tasks"></ul> 

...次のjqery-mobileマークアップを使用して、順序付けされていないリストの外側（レンダリング後）にレンダリングされますか？

<div data-role="content"> 
    <ul data-role="listview" id="tasks"></ul> 
</div><!-- /content --> 

私はjquery-mobileがアルファ版であることを認識していますが、これまでのところうまくいきました。この段階でjqtouchに切り替えることを好まないでしょう。誰もこの動作を見て回避策を見つけましたか？

あらかじめありがとう、

Answer 1

テンプレートが完成したら、リストビューの更新メソッドを呼び出す必要があります。

$（ "yourUl"）。listview（ "refresh"）; .page（）メソッドが一度も呼び出されていない場合は、このようなことをしたいかもしれません。

try { 
     $(yourUl).listview("refresh"); 
    } catch(e){ 
     // Well, nothing to do there 
    } 

Answer 2

これは、α2で修正されていますここを参照してください：http://jquerymobile.com/demos/1.0a2/#docs/lists/docs-lists.htmlを（ '更新リスト' にスクロールダウン）

Answer 3

それは

$("#taskTemplate").tmpl(data).appendTo("#tasks").page(); 

のようになりますあなたが必要とします最後の.page（）。