javascript - 从 AJAX 追加 img

Question

我正在尝试 append <img>到 div使用 Ajax(因为我需要从数据库中获取图像的名称)。

我已经得到 <img>在我的标签上 div , 也得到 src属性到正确的图像。但我仍然没有看到图像。我刚看到 <img>尺寸为 0 x 0 的标签。尝试放大尺寸，还是什么都看不到..

我尝试通过内部生成的链接打开图片 src属性，我可以看到我想要附加的图像.. 为什么会这样？

这是我的代码

触发包含ajax的函数

<div class="HotelListDescriptionContent" onclick='showDetailRoom("<?php echo $arrayroomssearch[$arrk]['room_code']?>")'>

Ajax 函数

function showDetailRoom(roomid)
{
    if(j("#detailroom"+roomid).is(":visible"))
        j("#detailroom"+roomid).hide();
    else
    {
        j.post("inc/querys/roomdetail.php",
        { 
            roomid : roomid,
        },
        function(data){
            // console.log(data);
            j("#detailroom"+roomid).html("");
            // j("#detailroom"+roomid).append($("<option></option>").append("Select your state..."));
            if(data == "empty")
            {
                j("#detailroom"+roomid).append($("<option></option>").append("State Not Found..."));
            }
            else
            {
                j(data.photo).each(function(i,item){
                    // console.log(item);
                    j("#detailroom"+roomid).html("<img scr='<?php echo SITE_URL;?>upload_photos/images/"+item+"'/>");
                })
            }
            j("#detailroom"+roomid).show();
        },
        "json");
    }
}

分区目标

<div id="detailroom<?php echo $arrayroomssearch[$arrk]['room_code'];?>" style="display:none;">

Div 目标(通过 Inspect Element)

<div id="detailroom20" style=""><img scr="http://localhost/bookingbeol/bk-admin/upload_photos/images/kamar3-1476346812.jpg"></div>

Div 目标不显示图像

Answer 1

知道了——您只是打错了——应该是 src 而不是 scr。容易犯的错误 - 在扫描或浏览代码时很难看到或注意到。