jQuery-móvil no juega bien con jQuery-tmpl?

Question

¿Hay alguna razón por la misma plantilla y JavaScript

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

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

funcionaría como se documenta con la siguiente jQTouch marcado:

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

pero resultado en la plantilla de conseguir realizado fuera (después) de la lista desordenada con la siguiente jquery-mobile marcado?

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

Me doy cuenta de jquery-móvil está en alfa liberación, pero ha estado trabajando muy bien hasta ahora y prefiero no para cambiar a jQTouch en esta etapa. Alguien ha visto este comportamiento y se encontró una solución?

Answer 1

Es necesario llamar al método de actualización de la vista de lista una vez que su plantilla está hecho.

$ ( "yourUl") vista de lista ( "actualización."); En caso .página método () nunca ha sido llamado es posible que desee hacer algo como esto.

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

Answer 2

Esto se ha corregido en alfa 2. Véase aquí: http : //jquerymobile.com/demos/1.0a2/#docs/lists/docs-lists.html (abajo desplazarse a 'Actualización de listas')

Answer 3

Debe quedar como

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

se necesita el .página () al final.