Question

我有一个显示在JQuery Mobile列表中的JSon数组。它显示了描述+价格，但我想在左边添加一个图片图标。

关于如何实现这一目标的任何指示？我可以在“品牌”中添加图片标签吗？品牌是我想要显示图像的地方。

谢谢！

这是我的代码。

// Json array
var productList = {"products": [
    {"brand": "brand1", "description": "Product 1", "price": "03.25 "},
    {"brand": "brand2", "description": "Product 4", "price": "01.10 "},
    {"brand": "brand3", "description": "Product 3", "price": "04.21 "},
    {"brand": "brand4", "description": "Product 2", "price": "15.24 "},
    {"brand": "brand5", "description": "Product 5", "price": "01.52 "},
    {"brand": "brand6", "description": "Product 6", "price": "12.01 "},
    {"brand": "brand7", "description": "Product 7", "price": "05.24 "}

]
};

// Name Descending

function loadList() {

var list = $("#productList").listview();


var prods = productList.products.sort(function(a, b) {return a.description > b.description;});
$.each(prods, function() {
    list.append("
" + this.description + "  :       " + this.price + "");
});

// CALL SORT BY NAME DESCENDING
$(function(){


$("#sort-list").click(loadList2);
  });

$(list).listview("refresh");

}

Answer 1

您正在编写一个从JSON数组派生的HTML列表。所以，一个实现你想要的建议：

修改生成的JSON，以便您提供相关图像的URI，而不是此处的brand文本，而是提供相关图像的URI
修改loadList()功能，以便您使用从JSON传入的URI作为HTML的一部分写出img标记，作为该图片代码的src属性。< / LI>

将图像添加到JSon数组

1 个答案: