Javascript 加载<；李>；从jsonp松开JQM格式

我正在通过jquery移动应用程序的jsonp加载数据。当我静态地执行它时，它工作得很好，并且具有所有JQM格式

但是，当我通过传递数据时，追加li项没有格式

<div data-role="content" class="listview-pets">
     <ul data-role="listview" id="listpetsList" data-inset="true"></ul>
</div>

这就是包含它的UL

代码是：

$.each(data, function(index) {
     $("#listpetsList").append("<li><a href=\"#select-pet-dialog\" data-rel=\"dialog\" data-selected=\"1\" data-transition=\"flip\"><img src='" + data[index].Picture + "'><h2>" + data[index].Name + "</h2><p>Type</p></li>");
});

$。每个（数据、函数（索引）{
$（“#listpetsList”）.append（“
”+数据[索引]）.Name+“类型
”；
});

---

我假设这与JQM预先设置元素样式有关，但我会在之后进行注入。如何强制更新它？

您缺少用于listview内容增强的功能：

更改此项：

$.each(data, function(index) {
    $("#listpetsList").append("<li><a href=\"#select-pet-dialog\" data-rel=\"dialog\" data-selected=\"1\" data-transition=\"flip\"><img src='" + data[index].Picture + "'><h2>" + data[index].Name + "</h2><p>Type</p></li>");
});

$。每个（数据、函数（索引）{
$（“#listpetsList”）.append（“
）

$.each(data, function(index) {
    $("#listpetsList").append("<li><a href=\"#select-pet-dialog\" data-rel=\"dialog\" data-selected=\"1\" data-transition=\"flip\"><img src='" + data[index].Picture + "'><h2>" + data[index].Name + "</h2><p>Type</p></li>");
});
$("#listpetsList").listview('refresh');

$.each(data, function(index) {
    $("#listpetsList").append("<li><a href=\"#select-pet-dialog\" data-rel=\"dialog\" data-selected=\"1\" data-transition=\"flip\"><img src='" + data[index].Picture + "'><h2>" + data[index].Name + "</h2><p>Type</p></li>");
});
$("#listpetsList").enhanceWithin();