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-мобиля находится в альфа-версии, но работает хорошо до сих пор, и я предпочел бы не переключиться на 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() в конце.