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