Jquery 将图像添加到dom，然后等待它们加载

这是一个简单的问题

我得到一个播放列表，然后我想将每个图像加载到dom中，因为有视频要播放

所以在所有媒体加载完毕后，我希望能够调用一些函数

但是在下面的例子中，会立即调用部分

console.log（“loaded+images”）

，因为加载了DOM，然后会添加图像。我该如何做才能让它告诉我所有这些图像何时加载

     <script type="text/javascript">
            _.each(playlist, function(el) {
                $(".hidden").append("<img src='"+ el.path +"''>")
            });
    </script>
    <script type="text/javascript">
        $(window).ready(function() {
            console.log("loaded + images")
        });
    </script>

_.每个（播放列表、功能（el）{
$（“.hidden”）.append（“”）
});
$（窗口）.ready（函数（）{
console.log（“加载+图像”）
});

您可以添加一个

load

方法来动态创建图像，这样当图像加载完毕时，您就可以捕捉到这一点

e、 g

var img=$（'
使用此功能，您可以拥有一个全局计数，该计数将检查您拥有的图像数。当加载的图像的全局计数与图像总数匹配时，您可以调用
控制台.log（“加载+图像”）；
code

我已经做了一点准备，这样你就可以看到它在起作用了

var img = $('<img />', { attr: { src: el.path }}).load(function(){
    // your code here
}));
$(".hidden").append(img);