jquery - json値をインポートした後のスタイルのないjqueryモバイルリスト

Question

私のスクリプトはjson呼び出しを受け取り、それを分割し、それらの値を配列に入れてから、forループを介して配列をカウントダウンし、ループ<li>ごとに1つの値を要素に追加します。それらはそれぞれリストされているように見えますが、jquerymobileのスタイルはありません。これが今の様子です。

スタイル付きリストの正確なクラスをforループに指定することで、次のように表示することができました。

\

ただし、これも理想的ではありません。たとえば、最後にカウントバブルやチェックボックスを追加できないためです。これを行うためのより良い方法はありますか？これが私の現在のコードです

console.log('findById: ');
    $.ajax({
        type: 'GET',
        url: 'http://172.16.200.61:8080/RESTfulExample/blacksheep/api/getgroup',
        dataType: "jsonp",
        success: function(data){
            alert('findById success:' + data.groups);
            var json = data.groups;
            var jsplit=json.split(",");
            console.log(jsplit);
            Fill(jsplit);           
        },
        error : function (jqXHR, textStatus, errorThrown) {
         alert(textStatus);
         alert(errorThrown);
        },
    });

function Fill(input){
    for (i=0 ; i < input.length ; i++){
        document.getElementById("people").innerHTML += "<li>" + input[i] +  "</li>";        
    }
}

Answer 1

JQuery Mobileでは、ページに動的に挿入される要素について、適切なメソッドを実行してJQMのスタイルを適用する必要があります。

$('#mylist').listview();

Answer 2

これは私のために働いた。

$('#mylist').listview('refresh');