jquery-mobile - 使用jquery mobile动态加载图像和显示

Question

这是代码

        var URI= "getNDealsAjax.do";    


        var ajN = $.getJSON(URI, function(data) {

                var htmlStr = "";
                $.each(data, function(i,item){

                    htmlStr += "<li><a href='#'>";
                    htmlStr += "<img src='"+item.merchantImage+"'>";
                    htmlStr += "</a></li>";

                });
                alert("htmlStr: "+htmlStr);
                $('#ullink').html(htmlStr).trigger('create'); 
        });

<div data-role="page" data-theme="a" id="demo-page" class="my-page" data-url="demo-page">
<div data-role="content">
    <ul data-role="listview" id="ullink" data-inset="true">

    </ul>
</div>

</div>

我用过 .trigger('create'); 用于从 javascript 加载 html。

如果知道如何解决这个问题，请告诉我

Answer 1

如果您只添加列表视图内容，那么您需要做一些不同的事情：

$('#ullink').html(htmlStr).listview('refresh'); 

或者如果抛出错误，请使用：

$('#ullink').html(htmlStr).listview().listview('refresh'); 

trigger('create') 应该用于增强整个内容，因此它只能在data-role="content"DIV 上正确使用：