javascript - 如何获取一段 html 内容中图像的加载事件？

Question

我有不同的 html 内容，每个都有一些图像。如果 html 中有任何图像，当我在灯箱 div 中显示 html 内容时会加载它们。

我的问题是，当 div 中的所有图像都已为任何 html 内容加载时，我想执行一些操作。我怎样才能在 Javascript/JQuery 中做到这一点？

Answer 1

您可以计算已加载的图像数量，然后在它们全部加载后运行您的布局代码。像这样的东西：

var $div = $(...); // this should select the div containing the images in question
var $images = $div.find('img');
var count = 0;
$images.each(function() {
    $(this).load(function() {
         if (++count == $images.size()) {
             // your layout code goes here
         }
    }
}