检查是否在jQuery(或纯JavaScript)中加载了图像

Question

我知道load()jQuery中有一个事件在图像加载完成时触发.但是如果在图像加载完成后附加了事件处理程序呢？

是否有一个属性$('#myimage').isLoaded()来检查图像是否已经加载？

Answer 1

您可以检查complete图像的属性.

是否有一个属性$('#myimage').isLoaded()来检查图像是否已经加载？

不,但你可以这样做:)

jQuery.fn.isLoaded = function() {
    return this
             .filter("img")
             .filter(function() { return this.complete; }).length > 0;
};

true如果已加载集合中的所有图像,并且false如果一个或多个图像不是,则会产生这种情况.您可以根据自己的需要进行调整.