Javascript jQuery Mobile使用$.each向listview追加数据

我尝试使用ajax创建一个数据读取机制。但是当所有数据都以的形式显示时，我并没有生成我想要的相应html标记

我的代码：

(function( $, undefined ) {

     $(document).on("pagecreate", ".jqm-demos", function(){
         startApp();
     });

    function startApp(){
          $.ajax({
             type : 'GET',
             url : 'http://www.mydomain.com/app/bacaberita/utama.html',
             async: true,
             dataType : 'json',
             success : function(result){
                 allData = result.items;
                   $.each(allData, function(i, data) {
                   $('#listdata').append(
                     '<li>' +
                         '<a href="#">' +
                            '<img src="'+ data.Img +'">' +
                            '<h2>'+ data.Title +'</h2>' +
                            '<p>'+ data.Post +'</p>' +
                         '</a>' +
                     '</li>'
              );
           });
    },
    error: function(jqXHR, exception) {
         alert('Error connection');       
    }
  });   
}

})(jQuery);

我的html代码：

<ul data-role="listview" data-inset="true" id="listdata">
    <li>

    </li>
</ul>

数据应生成如下形状：

但我从ajax过程中得到的是：

因此，结果显示不规则

不会自动添加HTML类=ui li有拇指ui第一个子类=ui btn ui btn图标右侧ui-icon-carat-r

我如何解决这个问题

---

谢谢

在成功功能的末尾添加以下内容：

$("#listdata").listview("refresh");

---

当您以二维方式添加元素时，需要请求jQM刷新元素以解析和添加样式。

您能在这里显示您的json数据格式吗？谢谢@ojovirtual。。。但为什么图像显示结果会变小而不是样本的大小？？？虽然图像的加载更大：http://s27.postimg.org/4jhdu5vj7/pic.pngPlease，阅读jQM listview文档：框架将图像缩放为80像素的正方形。