在写入变量的 div 图像之前，Javascript/jquery 确认预图像加载

Question

我有一个像这样的 javascript/jquery 变量:

var divs='<div><img src="link1"></div><div><img src="link2"></div><div><img src="link3"></div>'

最后，我使用其他一些 jquery 库将这些 div 插入到我的容器中。但我想在将它们插入容器之前加载这些图像。

因为我希望它在追加之前进行检查，所以 jquery .load 在这里不起作用。

$('.img')
    .load(function(){
        $('#result1').text('Image is loaded!'); 
    })
    .error(function(){
        $('#result1').text('Image is not loaded!');
    });

那么我还有哪些选择呢？

Answer 1

查看 onImagesLoad plugin.