检测ajax何时使用Jquery加载所有图像

Question

这是怎么回事。试试这个例子：

的index.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).on("ready", function(){
        $(document).load("h.html", function(d){
            document.write(d);
            alert("Done!");
        })
    })
</script>

和其他文件： h.html

<img src="http://www.noao.edu/noao/staff/kolsen/images/M31.jpg" width="600"/>

我想实现的是使用jquery ajax和...加载图像，并检测所有图像何时异步完全加载。 SI修复，加载请求显示警告消息，但图像仍在加载。我想检测它何时充满电。我该怎么办？

谢谢！

Answer 1

尝试使用ImagesLoaded插件。它对于许多图像问题都很方便。

https://github.com/desandro/imagesloaded

imagesLoaded( '#container', function() {...});