javascript - 注入的 li 项目未使用 CSS 样式格式化

Question

附件找到了一个显示元素注入的 jfiddle <li>- 所有方式的输出都没有定义的 CSS - 与硬编码<li>的相反 - 为什么会这样？

Answer 1

动态添加的列表视图元素必须使用此功能增强其标记：

$('#listviewID').listview('refresh');

工作示例：http: //jsfiddle.net/Gajotres/LrAyE/

如果您收到此错误：

无法在初始化之前调用 listview 上的方法

然后用这个重新设置你的列表视图：

$('#listviewID').listview().listview('refresh');

第一个 listview 函数将初始化 listview，第二个函数将重新设置它的样式。但只有在显示前面提到的错误时才这样做。

最后一件事，如果您使用 for 循环或每个循环添加大量 li 元素，则只有在所有内容都添加到 ul 元素后才使用 listview('refresh') 。

在我的另一篇文章/答案中阅读有关它的更多信息：jQuery Mobile：动态添加内容的标记增强，搜索章节：增强单个组件/小部件。