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