JQuery Mobile JSON форматирование

Question

У меня есть список, сгенерированный JSON, но я не знаю, как динамически создать тег div для хранения всех элементов элемента списка.Это выглядит как список без CSS-форматирования.Я не знаю, что я делаю не так.Это проблемная страница: http://mbeta.calvaryccm.com/#teachings Вот как я хочу, чтобы она выглядела так: http://mbeta.calvaryccm.com/ Я не знаю, как отформатировать мой просмотр списка, чтобы показать, что мне нужно.

Answer 1

Если вы добавляете контент динамически (через ajax), вам нужно инициализировать или обновить представление списка:

$('#mylist').listview();
// or if you already have a listview that you are appending to
$('#mylist').listview('refresh');

См. Вызов плагина списка внизустраница.

Answer 2

Ну, я не могу написать весь код здесь, но я уверен, что вам нужно будет написать что-то вроде этого:

// i assume your JSON response is stored in data object
// following is the loop which reads the data object ,gets the value and append it to the `<li>` of `<ul>`

var list = $ (""). Attr ("id","список");// динамически создать новый элемент ul в jquery

for(var i=0;i<data.length;i++)
{

var li=$("<li/>").html(data[i].name); // get the value of name in JSON and put it in newly created li ,(getting value will depend on your json string format)

$("#list").append(li); //append li to ul of id list

}

$(body).append(list); // append the list to anywhere you want, i am appending it to body.