jQuery的移动不与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移动标记？

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

我实现jquery的移动是在阿尔法释放，但它已被很好地工作到目前为止我宁愿不切换在此阶段jqtouch。有没有人见过这种行为，发现一个解决办法？

Answer 1

您需要调用列表视图的刷新方法一旦你的模板就完成了。

$（ “yourUl”）列表视图（ “刷新”）; 在情况。第（）方法从未叫你可能需要做这样的事情。

    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();

你需要的。第（）结尾。