jquery - 导入json值后没有样式的jquery移动列表

Question

我的脚本接受一个 json 调用，将其拆分，将这些值放入一个数组中，然后通过 for 循环对数组进行倒计时，<li>每个循环向一个元素添加一个值。它们每个都出现在列表中，但没有任何 jquery mobile 的样式。这是它现在的样子；

通过在 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');