我已经为我的问题创建了一个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");