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

时间:2013-06-03 10:02:19

标签: jquery-mobile

这是代码

        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。

如果您知道如何解决此问题,请与我们联系

1 个答案:

答案 0 :(得分:1)

如果您只添加listview内容,那么您需要做一些不同的事情:

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

或者如果抛出错误,请使用:

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

触发器('create')应该用于增强整个内容,因此只能在 data-role="content" DIV上正确使用: