Listview Can'；t在jQuery mobile中将列表项追加到列表视图

我的JavaScript有什么问题？我遵循了这里关于向jQuery mobile ListView添加数据的问答，但这似乎不起作用

<!-- start view_skus -->
<div data-role="page" id="view_skus">
   <div data-role="header" data-position="fixed">
      <a data-role="button" data-rel="back" data-icon="arrow-l">Back</a>
      <h1>View SKUs</h1>
      <ul data-role="listview" id="sku_list" data-inset="true"></ul>
      <script type="text/javascript">
         var xhr = new XMLHttpRequest();
         xhr.open("GET", "http://matkiros.cloudant.com/sm/_design/view_skus/_view/view_skus");
         xhr.onload = function() {
            var response = jQuery.parseJSON(xhr.responseText);
            for (var i = 0; i < response.total_rows; i++) {
               $('#sku_list').append($("<li></li>").html('<h3>' +
                     rows[i].value.description + '</h3><br/>' +
                     'ID: ' + rows[i].value.sku_id + '<br/>' +
                     'Quantity: ' + rows[i].value.quantity))
                  .listview('refresh');
            }
         };
         xhr.send();
      </script>
   </div>
</div> <!-- end view_skus -->

---

请使用jQM Beta 3进行测试

而不是这个

for (var i = 0; i < response.total_rows; i++) {
    $('#sku_list').append($("<li></li>").html('<h3>' +
        rows[i].value.description + '</h3><br/>' +
        'ID: ' + rows[i].value.sku_id + '<br/>' +
        'Quantity: ' + rows[i].value.quantity))
    .listview('refresh');
}

for（变量i=0；i”）html（“”）+
行[i].value.description+'
+
'ID:'+行[i].value.sku_ID+'
+
“数量：”+行[i]。值。数量）
.listview（“刷新”）；
}

试试这个

for (var i = 0; i < response.total_rows; i++) {
    $('#sku_list').append($("<li></li>").html('<h3>' +
        rows[i].value.description + '</h3><br/>' +
        'ID: ' + rows[i].value.sku_id + '<br/>' +
        'Quantity: ' + rows[i].value.quantity));
}

// Make the refresh after the for loop
$('#sku_list').listview('refresh');

// This might be another way but refreshes the whole page
// $('#view_skus').trigger('create');

for（变量i=0；i”）html（“”）+
行[i].value.description+'
+
'ID:'+行[i].value.sku_ID+'
+
“数量：”+行[i].value.Quantity））；
}
//在for循环之后进行刷新
$（“#sku_列表”）.listview（“刷新”）；
//这可能是另一种方式，但会刷新整个页面
//$（“#查看_SKU”）.trigger（'create'）；

我意识到我上面的代码是正确的，只是没有说

行[I].value.some_属性

，而是应该是

response.rows[I].value.some_属性

for (var i = 0; i < response.total_rows; i++) {
    $('#sku_list').append($("<li></li>").html('<h3>' +
        rows[i].value.description + '</h3><br/>' +
        'ID: ' + rows[i].value.sku_id + '<br/>' +
        'Quantity: ' + rows[i].value.quantity));
}

// Make the refresh after the for loop
$('#sku_list').listview('refresh');

// This might be another way but refreshes the whole page
// $('#view_skus').trigger('create');