分享好友 教程首页 教程搜索 频道列表

解决TAB切换需拉一下才触发Lazyload懒加载方法

2022-09-03 16:343780
+关注29
核心提示:处理方法就是通过给TAB绑定事件,监控TAB的切换时触发Lazyload懒加载。代码如下

处理方法就是通过给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懒加载的问题,很好的提升了网站的用户体验。

本文标签: #懒加载 #切换加载
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

图片懒加载lazyload.js详解

    lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再进行加载,这是与预加载相反的

小黑 PC端模板制作2022-09-03

前端实现图片懒加载(lazyload)

    用代码测试

小黑 JavaScript教程2022-06-26

下一篇
我来说两句
抢沙发