jquery.lazyload.js懒加载图片遇到tab栏切换要手动滚动一下才能加载

Question

使用jquery.lazyload.js懒加载图片时，遇到tab栏切换要手动滚动一下页面才能加载图片，请问怎么在点击tab栏切换的时候就默认加载可视区域内的图片？

找了些资料，按照网上一些说法试了：

    $('img').lazyload({

        skip_invisible: false

    });

该方法无效。

试过通过事件去触发，

    var timer = setTimeout(function(){

        $('img').lazyload({

            event: "sporty"

        })

    },3000);

该方法也没有成功，并且这种方法似乎并不好。

请问有没有遇到过这类问题的，有没有好的解决方法？

Answer 1

tab切换的时候再次调用$('img').lazyload({   });这个方法可以解决

Answer 2

设置event为sporty$("img.lazy").lazyload({effect: "fadeIn",event: "sporty"});然后当Tabs标签单击时触发sporty$("img.lazy").trigger("sporty");我就是这样解决的。