jquery如何使用<ul data-role="listview">来显示listview？答案

【问题标题】：Jquery how to use <ul data-role="listview"> to display listview?jquery如何使用<ul data-role="listview">来显示listview？
【发布时间】：2014-07-06 02:16:45
【问题描述】：

我有一个 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;
});

【问题讨论】：

这里有一个很好的例子 --- jsfiddle.net/Gajotres/8uac7

标签： javascript json listview jquery-mobile cordova

【解决方案1】：

在最后一行中，您正在动态地将 listview 元素添加到 DOM，但您没有调用该方法来使用 jQuery Mobile 对其进行增强：

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

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

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

【讨论】：