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

Question

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

通过在f​​or循环中指定样式列表的确切类别，我能够使它看起来像这样

\

然而，这也不理想，因为我不能在最后添加计数气泡，或者例如复选框。 有一个更好的方法吗？这是我目前的代码

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');