jQuery Mobile没有设置动态列表视图的样式

dynamic listview not being styled by jQuery Mobile

本文关键字：列表 视图 样式 动态 设置 Mobile jQuery      更新时间：2023-09-26

我将通过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');
                });
            });
        });
    });

即使使用插入页面中的.trick（"create"）元素，jQueryMobile也没有为其设置样式，我做错了什么？

试试这个-

$("#programa").listview("refresh");

/编辑

我忘了在每个循环的内部之后尝试这个列表视图刷新。

相关文章：