jquery - jquery コードを追加した後、jQuery モバイル List-View が機能しない

Question

私はjqueryモバイルを使用しており、jqueryに配列makeArrayがあり、配列の値によっていくつかのリストビューを作成しました.すべて正常に動作します.しかし、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');