当前位置:龙哥网 > 网络技术 > jquery判断多张图片是否加载完成代码(兼容IE)(js判断图片是否加载完成)

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

longge5个月前 (12-17)网络技术76

使用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

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!