動態加載圖像，並顯示使用jquery移動

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（ '創建'）;用於從JavaScript加載html。

請讓我知道如果任何想法，那麼你需要做不同的一點是如何解決這個

Answer 1

如果要添加只是列表視圖內容：

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

，或者拋出一個錯誤使用此：

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

觸發（「創建」）應該被用來提高整體內容，因此它只能在正確使用 DIV：