Jquery Lazyload回调

前端之家收集整理的这篇文章主要介绍了Jquery Lazyload回调前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在使用 Jquery Lazy Load,我想知道当我的容器的所有图像都加载时(当懒惰的负载已经完成了所有的魔法)时,是否有一种回调方式.

这样做的原因是我也使用jScrollPane Plugin,我想调用jScrollPane重新初始化功能.

谢谢’

解决方法

看源码,看起来懒人加载插件在加载传递加载的图像元素的图像和几个参数后调用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'),});​

http://jsfiddle.net/eRyww/72/

猜你在找的jQuery相关文章