Jquery如何使用<ul data-role =“listview”>来显示listview？</ul>

Question

我有一个html页面，我想解析一个JSON文件来显示。我想使用Jquery移动脚本以列表视图格式显示。但是我不知道为什么我不能进入列表视图，我使用的是正确的吗？

这是我在html中的javascript

$.getJSON('http://www.sfu.ca/~cniu/data.json', function(data) {
var output="<ul data-role="listview">";

for (var i in data.quiz){
    output += "<li id='link"+ i +"' onclick='loadReadyPage("+ i +")'>"+ data.quiz[i].quizName +"</li>";
}
output +="</ul>";
document.getElementById("quizList").innerHTML=output;
});  

Answer 1

在最后一行中，您将listview元素以动态方式添加到DOM中，但是您没有使用jQuery Mobile调用该方法来增强它：

$('#quizList ul').listview();

如果您以后更改其内容，则必须刷新它：

$('#quizList ul').listview('refresh');