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

时间:2013-09-10 11:00:36

标签: jquery css jquery-mobile

我想在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>')

没有任何作品,任何建议或建议将不胜感激

1 个答案:

答案 0 :(得分:2)

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

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

Here's a JSFiddle.

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