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>

Но приведет к тому, что шаблон отображается снаружи (после) неупорядоченного списка со следующей jQuery-Mobile Markup?

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

Я понимаю, что jQuery-Mobile находится в Alpha Release, но до сих пор он работал хорошо, и я бы предпочел не переключаться на JQTouch на этом этапе. Кто-нибудь видел это поведение и нашел обходной путь?

Answer 1

Вам нужно позвонить в метод обновления списка, когда будет сделано шаблон.

$ ("youul"). ListView («Обновить»); В случае. 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 () в конце.