我正在通过JSON为我的应用程序带来外部数据。数据加载正常。
问题是当我显示此数据时。我有这个页面:
<!-- cinema -->
<div data-role="page" id="cinema">
<div data-role="header">
<h1>WGBN Cinema Salvador</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true" data-divider-theme="d" id="programa">
</ul>
</div>
</div>
以及此页面的javascript:
$(document).delegate("#cinema", "pageinit", function(data) {
// loop nas salas
$.each($.objCinema, function(key,value) {
$("#programa").append('<li data-role="list-divider">'+value.sala+'</li>').trigger('create');
$.each(value.filmes, function(a,b) {
$.each(b, function(c,d) {
$("#programa").append('<li>'+d+'</li>').trigger('create');
});
});
});
});
甚至即使使用插入页面中的.trigger(“ create”)元素也无法由jQuery Mobile设置样式,我在做错什么吗?
最佳答案
尝试这个 -
$("#programa").listview("refresh");
/编辑
我忘了提到要在每次循环的内部之后尝试刷新此列表视图。
关于javascript - 动态listview不能由jQuery Mobile设置样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17449306/