处理方法就是通过给TAB绑定事件，监控TAB的切换时触发Lazyload懒加载。代码如下：
<script src="js/jquery.lazyload.js"></script>
<script>
//基础的懒加载触发
$("img.lazy").lazyload({
effect: "fadeIn",
failurelimit: 5 //默认从第5个开始
});
</script>
<script type="text/javascript">
//给TAB切换里的LI绑定点击事件，来触发懒加载
$('.slideTxtBox .hd li').on('click', function (e) {
$(window).trigger('scroll');
});
</script>通过给TAB切换里的LI绑定点击事件，来触发懒加载，就可以解决TAB切换需拉一下才触发Lazyload懒加载的问题，很好的提升了网站的用户体验。
本文标题: 解决TAB切换需拉一下才触发Lazyload懒加载方法
本文链接: https://mbkfw.com/course/p-1124.html (转载时请注明来源链接)
本文说明: 有问题或投稿请发送至: 邮箱/kf@dtmuban.com QQ/290948585
特别鸣谢: 如果您觉得本文对您有帮助，请给我们一个小小的赞，收藏本文更利于反复学习哦！
下班PC阅读不方便？
手机也可以随时学习开发
微信扫一扫
评易近人
累计评论达10条
2022-08-21 获得
分享达人
分享他人文章达到10篇
2022-08-19 获得
打卡狂魔
连续登录满60天
2022-08-16 获得
满勤成就
连续登录满30天
2022-08-15 获得
累计签30天
累计达30天签到
2021-08-04 获得
赞无不胜
累计点赞达30次
2021-08-03 获得
初见码名
文章累计获赞达50
2017-08-04 获得
助人为乐
长期无私奉献乐于助人
2015-09-12 获得
持之以恒
累计发文达50篇
2015-09-12 获得
搬运工
网络资源搬运者
2015-09-03 获得
1024超级勋章
10.24当天发文
2014-10-24 获得
连续签7天
连续签到7天
2013-09-12 获得
宣传大使
宣传形象大使
2013-09-12 获得
挑战自我
累计发文达30篇
2013-09-12 获得
插件
插件用户
2013-07-10 获得
定制
定制用户
2013-07-10 获得
开发者
编程开发者
2013-07-10 获得
分享来自「 MBKFW.COM 」
①保存图片到相册
②打开微信扫一扫
新一代前端开发引领者
关注我们
微信公众号
微信小程序
微信客服
川公网安备 51010702002669号
18605917465
客服QQ