Question

我正在从JSON解析数据，其中表中的一个字段是图像。虽然，我希望该图像适合特定的大小。我已经做了很多改变，我迷失了为什么它不起作用。

JSON

    var products=[];

$.getJSON('products.json',function(data){
    $.each(data.products, function(i, f){
        var tblRow = "<tr><td class='prod_img'><img src=" + f.image_url + "></td></tr>" + "<tr><td class='title'>" + f.title + "</td></tr>" + "<tr><td class='price'>" + f.price + "</td>" + "<td class='price_org'>" + f.old_price + "</td>" + "<td class='add_cart'><img src='img/buynow-green-5.png'>" + "</td></tr>"

        $(tblRow).appendTo("#list_products tbody");
    });
});

CSS

#list_products{
position:absolute;
width:100%;
border: 5px solid #B9FFFF;
margin-top:80px;}
.prod_img{
height:200px;
width:300px;}

Answer 1

所以，在睡了几个小时之后，我终于意识到了什么是失踪的。

我有一个图像容器的标签，但没有图像。

有时，答案很简单。你只需要离开一会儿。

调整从JSON解析的图像的大小

1 个答案: