jquery - 在将元素附加到 DOM 之前阻止浏览器加载图像

Question

我的思路是浏览器在附加到 DOM 之前不会尝试加载源，但是当我使用 jQuery 创建图像标记时，它会尝试在附加之前加载图像源。创建图像标签时，jQuery 是否会临时附加元素？

在此示例中，无效 URL 会导致控制台中出现错误日志，即使附加命令已被注释掉（在 jsFiddle 中查看）。

    ​$(document).ready(function() {
    var $img = $("<img>", {
        height:"100px"
        ,width:"100px"
        ,src: "http://content.com/bad.url.jpg"
    });
    //$img.appendTo($("#container"));
});​

Answer 1

图像一旦设置就开始加载图像文件（实时或从缓存中）src，无论它们是否附加到 DOM 中的任何内容。请参阅：https ://developer.mozilla.org/en/Canvas_tutorial/Using_images