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

見Calling the listview plugin在頁面的底部。

Answer 2

好了，我不能在這裏寫全代碼，但我相信你需要寫的東西是這樣的：「ATTR（

// 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>` 

變種名單= $（」）「ID」，」清單「）; // jQuery中動態創建一個新的UI元素

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.