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

Question

礼貌地请求帮助，并以谦卑的感激之情接受。
请：简单的解释/解决方案。-TIA

我已经在互联网上搜索、阅读和学习了好几天。认输，问更伟大的思想。

使用 Jquery Mobile 1.4.5、Jquery 1.9.1

1. 我正在将一个 json 文件读入一个具有创造性的 id loadListview 的列表视图中：这工作正常。

2. 问题：我想添加一个基于 json 项的 href 链接：“页面”：经过几天的搜索，我完全被难住了。

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

代码如下：

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