Блог

Главная - Вопросы по программированию - Jquery как использовать для отображения listview?

Jquery как использовать для отображения listview?

#javascript #json #listview #jquery-mobile #cordova

#javascript #json #listview #jquery-мобильный #кордова

Вопрос:

У меня есть HTML-страница, и я хочу разобрать файл JSON для отображения. Я хочу отображать в формате listview с помощью Jquery mobile script. Но я не знаю, почему я не могу преобразовать в представление списка, правильно ли я использую?

вот мой javascript в html

 $.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;
});

Комментарии:

1. Вот хороший пример — jsfiddle.net/Gajotres/8uac7

Ответ №1:

В последней строке вы динамически добавляете элемент listview в DOM, но не вызываете метод для его улучшения с помощью jQuery Mobile:

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

Если вы позже измените его содержимое, вам придется обновить его:

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