JQuery-Mobile لا يلعب بشكل جيد مع jQuery-TMPL؟

Question

هل هناك أي سبب يجعل نفس القالب وجافا سكريبت

<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>

ولكن يؤدي إلى تقديم القالب في الخارج (بعد) القائمة غير المرتبة مع علامة JQuery-Mobile التالية؟

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

أدرك أن JQuery-Mobile في إصدار Alpha ، لكنه كان يعمل بشكل جيد حتى الآن وأفضل عدم التبديل إلى Jqtouch في هذه المرحلة. هل شاهد أي شخص هذا السلوك ووجد حلًا؟

Answer 1

تحتاج إلى استدعاء طريقة التحديث في ListView بمجرد الانتهاء من templating.

$ ("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 () في النهاية.