jquery load回调封装_Jquery Lazyload回调

看源码,看起来懒人加载插件在加载传递加载的图像元素的图像和几个参数后调用settings.load函数：

if (settings.load) {

var elements_left = elements.length;

settings.load.call(self,elements_left,settings);

}

所以你可能需要设置像这样的东西：

function yourhandler(element,el_left,settings) {

//Whatever you want

//This function will be called each time that an image (element in this case) is loaded

}

$("img.lazy").lazyload({

load : yourhandler

});

如果要确保图像已加载,您可以将侦听器附加到加载的图像：

function yourhandler(element,settings) {

element.load(function() {

alert('Image Loaded');

});

}

编辑

在尝试代码之后,最“干净”的方法是附加到您的图像的.load方法：

$('img.lazy').load(function() {

console.log($(this).attr('src') + ' loaded');

});

$('img.lazy').lazyload({

container:$('.p_content'),});​