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

使用jquery.lazyload.js懒加载图片时,遇到tab栏切换要手动滚动一下页面才能加载图片,请问怎么在点击tab栏切换的时候就默认加载可视区域内的图片?
找了些资料,按照网上一些说法试了:

    $('img').lazyload({
        skip_invisible: false
    });

该方法无效。
试过通过事件去触发,

    var timer = setTimeout(function(){
        $('img').lazyload({
            event: "sporty"
        })
    },3000);

该方法也没有成功,并且这种方法似乎并不好。
请问有没有遇到过这类问题的,有没有好的解决方法?

阅读 5k
4 个回答
新手上路,请多包涵

tab切换的时候再次调用
$('img').lazyload({

   
});这个方法可以解决
新手上路,请多包涵

设置event为sporty

$("img.lazy").lazyload({effect: "fadeIn",event: "sporty"});

然后当Tabs标签单击时触发sporty

$("img.lazy").trigger("sporty");

我就是这样解决的。

新手上路,请多包涵

鼠标切换tab时,使用JQuery的trigger()方法给当前tab下的图片添加scroll事件,

$(selector).trigger("scroll");
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题