динамическая загрузка изображений и дисплей с помощью 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 ('создать'); для загрузки html из javascript.

Пожалуйста, дайте мне знать, если какие-либо идеи, как решить эту

Answer 1

Если вы добавляете только ListView содержания, то вам нужно сделать, это немного другое:

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

или, если это выдает сообщение об ошибке использовать это:

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

триггер («создать») должны быть использованы для улучшения всего содержания, и как таковой он может быть корректно использоваться только на data-role="content" DIV: