添加一些jquery代码后，jQuery mobile List-View无法正常工作

Question

我正在使用jquery mobile，我在jquery中有一个数组makeArray，我已经通过数组的值创建了一些listview。一切正常。但是没有显示jquery移动样式列表视图。相反，它显示了没有样式的普通列表视图。这是我的代码：

$(document).ready(function(){
        var url = "inventory/inventory.json";
        var makeArray = new Array();
        $.getJSON(url, function(data){
            $.each(data, function(index, item){
                if(($.inArray(item.make, makeArray)) == -1){
                    makeArray.push(item.make);
                    $('.upper_case')
                    .append('<li data-icon="list-arrow"> <a href="trade_form.php?='+ item.make +'"><img src="images/car_logo/buick.png" class="ui-li-thumb"/>' + item.make + '</a></li>');
                }
            });
        });
      });

Answer 1

您需要刷新列表视图：

  $('upper_case').listview('refresh');