jquery - CSS 不适用于 jQuery mobile 中动态创建的元素

Question

我想将动态生成的列表项添加到我的 jQuery 移动页面中的无序列表中。

但是当我添加新的列表项时，现有的 CSS 没有应用。sortedList 是我的 ul。

我尝试了一些不同的方法，包括：

jQuery('#sortedList').append('<li><h3>SUCCESS</h3></li>')

jQuery('#sortedList li').html('<h3>SUCCESS</h3>')

jQuery('#sortedList li').append('<h3>SUCCESS</h3>')

jQuery('#sortedList li').trigger('create');
jQuery('#sortedList li').append('<h3>SUCCESS</h3>')

没有任何效果，任何建议或意见将不胜感激

Answer 1

您应该将所有项目添加到列表中，然后刷新列表视图：

$('#sortedList').append('<li><h3>Success</h3></li>').listview('refresh');

这是一个JSFiddle。

作为旁注：您不必每次都拼出 jQuery 来使用 jQuery。$符号是 jQuery 对象的另一个名称，因此等价jQuery('#mySelector')于$('#mySelector')