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



我已经为我的问题创建了一个jsfiddle。这里有一个指向jsfiddle的链接。我想,对于已经大量使用jquery mobile的人来说,这将很容易。

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

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

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

代码似乎应该正常工作,不确定我缺少了什么。

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

最新更新