jquery - 当使用 jQuery 添加 src 时，IMG 具有 0x0 像素

Question

我正在制作自定义模式弹出窗口(#light1)。在我的 JavaScript 中，我从我点击的图像中获取 src 并将其添加到带有 id addable 的 img 标签。

jQuery

var images=$('#raam img'), index=0
$(images).click(function() {
    var src= $(images.eq(index)).attr('src');
    $("#addable").attr('src', src)
    $('#light1').css("display","block")
});

和 HTML

<div id="raam">                
    <img id="pilt1" src="uudistepildid/1.jpg" alt="1">
    <div id="light1" class="wcontent">
        <img id="addable">
    </div>
</div>

和 CSS

#addable { 
    width: 600px;
    height: 600px; //even forcing doesn't help
}

一切正常。当我检查时，它显示了正确的 src 和带有宽度和高度的样式，但它的大小为 0x0，我无法更改它。它甚至告诉我它的自然大小。我留下问题的快照。

这是 inspector 显示的内容:

这是它的样子(我去掉了一些不必要的代码，只是为了让阅读速度更快)；

Answer 1

哇!看来你似乎已经安装了adblock plus，关闭它。因为你的图片id名称符合它的淘汰规则“ad***”，所以它认为这是广告，所以它屏蔽了你的图片。