jquery判断多张图片是否加载完成代码(兼容IE)

使用load()方法可以判断图片是否加载完成,但每次只判断一张图片,如果是判断多张图片是否加载完成,那么就需要写多几行代码。下面代码在jquery 2.2.4版本测试可用。

参考代码:

function imgLoad(){
    $.ajaxSetup ({ cache: false });//兼容IE
    var _img = $('.getimg img');
    var _imgNum = _img.length;
    if(_imgNum > 0){
        _img.on('load',function() {
            if(!--_imgNum){
                alert('加载完成');
            }
           
        });
    }
}
imgLoad();

注意:

由于jquery的load()方法和ajax的load()方法有冲突,因此jquery load()方法在jquery 1.8版本中被废弃,所以不要直接使用load()方法,而是使用on()方法绑定load事件,测试可用,也可以选择低版本的jquery库。

原生javascript实现代码移步:https://www.tddx.net/post-551.html

参考:https://bugs.jquery.com/ticket/11733

关键词: jquery特效