Question

以谦卑的感激帮助礼貌地请求和接受请：一个简单的解释/解决一个简单的头脑。-TIA

我已经搜索了互联网，阅读并研究了好几天。投入毛巾，提出更多的思想。

使用Jquery Mobile 1.4.5，Jquery 1.9.1

我正在将一个json文件读入一个具有创造性id loadListview的listview：这个工作正常。
问题：我想根据json项添加一个href链接：“page”：经过几天的搜索后，我完全被困了。

所有这些都是在移动应用中的客户端完成的。

以下是代码：

//json
var data = [{
    "name": "Animal1",
        "page": "page1",
        "color": "",
        "photo": "",

}, {
    "name": "Animal2",
        "page": "page2",
        "color": "",
        "photo": "",
}];

//code

var result = '';

$.each(data, function (index, value) {

  //iterate through the json object
  //how do I reference the json "page" item? (#value.page doesn't work nor does #page)
    result += '<li><a href="#?????">' + value.name + ' '+ value.color + ' ' + 'value.photo' + '</a></li>';
});
//refresh the list
$('#loadListview').html(result).listview("refresh");

<div data-role="content">
   <ul data-role="listview" data-inset="true" id="loadListview"></ul>
</div>

Answer 1

只删除'＃'字符，因为它只适用于内部页面链接：

result += '<li><a href="' + value.page + '">' + value.name + ' '+ value.color + ' ' + value.photo + '</a></li>';

<强> DEMO

JQM-如何用动态列表视图中的json对象填充href标签？

1 个答案: