jquery - 在 jQuery 中创建图像并在加载后添加到 DOM

Question

我有一个创建图像对象的函数。我给图像一个 src，然后我添加一个加载函数，一旦加载就将图像添加到 DOM。它的工作原理是它总是向页面添加 2 个图像实例，我不知道为什么。有人能告诉我为什么这会在我的页面上添加两张图片吗？

var img = new Image();

$(img).load(function () {               
    $('#imageContainter').append(this);
    $(this).fadeIn();
})              
.error(function () {
    // notify the user that the image could not be loaded
})              
.attr('src', '' + _filename);   

“_filename”是源路径，“imageContainer”是我加载图像的 div。

任何帮助将不胜感激。

Answer 1

$(new Image()).attr('src', '' + _filename).appendTo($('#imageContainter')).fadeIn();

然后，如果“错误”部分很重要，您可以检查 src 或其他内容。

如果您不提供任何淡入淡出时间，我还建议您使用 show() 而不是 fadeIn()