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
<< 上一篇