Question

我有一个由JSON生成的列表视图，但我不知道如何动态创建div标记来保存所有列表项元素。它看起来像没有任何CSS格式的列表。我不知道我做错了什么。这是问题页面：http://mbeta.calvaryccm.com/#teachings这就是我想要的样子：http://mbeta.calvaryccm.com/我不知道如何格式化listview以显示我需要它。

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

好吧，我不能在这里写完整个代码，但我相信你需要写一些东西：

// 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”，“list”）; //在jquery中动态创建一个新的ul元素

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.

jQuery Mobile JSON格式

2 个答案: