使用 jQuery.tmpl 动态填充的 jQuery Mobile Listview 项目不会获得 jQuery mobile 样式

Question

我已经为我的问题创建了一个 jsfiddle。 Here is a link to the jsfiddle. 我认为这对于已经大量使用 jquery mobile 的人来说会很容易。

我将 jquery mobile 与 jquery.tmpl 结合使用。基本上，正如您从示例中看到的那样，我正在获取我的 JSON 对象并将其传递给 .appendTo 调用。它似乎正确地使用模板来创建<li>'s

问题是动态创建的<li> 没有像我在标记中那样获得 JQM 样式。

我花了几个小时研究这个问题，大多数人说$("dynamicContentHolder").listview("refresh"); 或$("dynamicContentHolder").listview(); 或两者一起解决问题。根据 JQM 文档(LINK) 我应该绑定 pageinit 事件，因此每次直接加载页面或 ajax nav 时都会调用它。根据 JQM 以及 (LINK) 我应该使用 .listview('refresh') 来更新新添加的 <li> 的样式。

似乎代码应该可以工作，但不确定我缺少什么。

Answer 1

我有一个笨拙的时刻，我在提交后 2 分钟发现了错误。我的 jQuery 选择器不正确 $("#dynamicContentHolder").listview("refresh");