Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery Mobile未设置动态listview的样式_Javascript_Jquery_Css_Listview_Jquery Mobile - Fatal编程技术网

Javascript jQuery Mobile未设置动态listview的样式

Javascript jQuery Mobile未设置动态listview的样式,javascript,jquery,css,listview,jquery-mobile,Javascript,Jquery,Css,Listview,Jquery Mobile,我通过JSON为我的应用程序带来了外部数据。数据加载正常。 问题是当我显示这些数据时。我有这一页: <!-- cinema --> <div data-role="page" id="cinema"> <div data-role="header"> <h1>WGBN Cinema Salvador</h1> </div><!-- /header --> <div

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

萨尔瓦多WGBN电影院
并将此javascript添加到此页面:

<!-- 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>
$(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');
                });
            });
        });
    });
$(文档).delegate(“#电影院”,“页面初始化”,函数(数据){
//洛普纳斯萨拉斯酒店
$.each($.objCinema,函数(键,值){
$(“#programa”).append(“
  • ”+value.sala+”
  • ).trigger('create'); $。每个(值、胶片、功能(a、b){ $。每个(b,函数(c,d){ $(“#programa”).append(“
  • ”+d+”
  • ).trigger('create'); }); }); }); });
    即使使用页面中插入的.trigger(“create”)元素,jQuery Mobile也没有为其设置样式,我做错了什么?

    试试这个-

    $("#programa").listview("refresh");
    
    /编辑

    我忘了在内部for each循环之后尝试此listview刷新。

    试试这个-

    $("#programa").listview("refresh");
    
    /编辑


    我忘了在你的内部for each循环之后尝试此listview刷新。

    我想你应该使用.listview(“刷新”)而不是.trigger@James的可能副本工作得很好!我想你应该使用.listview(“刷新”)而不是.trigger@James的可能副本工作得很好!他工作得很好!非常感谢。但是我不明白为什么这个case.trigger()不起作用。当我使用.trigger('create')动态添加按钮时,它通常是样式化的按钮。这是一个救生装置。谢谢你,她工作得很好!非常感谢。但是我不明白为什么这个case.trigger()不起作用。当我使用.trigger('create')动态添加按钮时,它通常是样式化的按钮。这是一个救生装置。谢谢