jQuery Mobile - 如何移动 - 通过jQuery模板呈现的复选框

Question

在jQuery Mobile网站上，我有jQuery模板填充<ul>的元素，填写<li>项，如下所示：

<ul>
</ul>
<button>Fill</button>

<script type="text/x-jquery-tmpl" id="tmpl-items">
<li><input type="checkbox" name="guys" /> ${FirstName} ${LastName}</li>
</script>

<script type="text/javascipt">
$('this-page-id').live('pageinit', function() {
  $('button').click(function() {
    $('#tmpl-items').tmpl(MyApp.Model)
      .appendTo('ul')
  });
})
</script>

一切正常，除了复选框呈现为普通复选框，而不是一个很酷的jquery-mobilized复选框。我知道诀窍是在小部件上调用“刷新”但我不知道我应该使用哪个小部件 - 这里没有数据角色。有人知道吗？

Answer 1

你能否在ul上触发创建，例如$('ul').trigger('create');