动态图片没有出现

Question

我有餐馆的名单，我必须附上每家餐厅的照片，这是从一个数据库。为此，我使div的id动态，但图片没有附加到该div。如果我使div的id是静态的，那么它就会显示来自服务器的图片。问题是如何使div id动态。请帮帮我。下面是我的示例代码：

$("#list").empty();
$.each(data, function (i, item) {
    if (data[i].has_logo == 1) {
        $('#pic' + i).css("background-image", "url('http://www.thefoodhive.com/web_root/provider_uploads/" + data[i].id + "/logo.jpg')");
    }
    if (data[i].has_menu == 0) {
        status = 'Call Now';
    } else {
        status = 'Order Now';
    }
    if (data[i].from_time == '' || data[i].from_time == null) {
        data[i].from_time = 'NA';
        data[i].to_time = '';
    }

    content = '<div ><div class="container"><div id="pic' + i + '" class="left"></div><div class="right"><div class="rightno">' + data[i].name + '</div></h4></p><i>Address:' + data[i].address + ',Timing:' + data[i].from_time + '-' + data[i].to_time + '</i><br><center><div style="float: right;"></div></div> <div class="bottom"><div class="btnleft" style="float: left;"><input class="callbttn" value="CALL NOW"type="button"></input></div><div class="btnright" style="float: left;"><input class="callbttn" value="' + status + '" type="button"  onclick="getdata(\'' + data[i].id + '\',\'' + data[i].has_menu + '\',\'' + data[i].phone_no + '\');"></input></div></div>';

Answer 1

你在给一个还不存在的div应用样式..。

尝试内联地应用背景，如下所示：

     content = '<div ><div class="container"><div id="pic' + i + '"
 class="left" style="background-image:url(http://www.thefoodhive.com/web_root/provider_uploads/' + data[i].id + '/logo.jpg">...