lozyload 懒加载,在选项卡里图片出不来
在处理图片延时加载的时候,发现在选项卡里,lazyload会出现图片出不来的问题。
第一个选项卡可以显示,后面隐藏的的tab在block的时候,里面的图片会显示不出来。
//img 的正确路径写在data-original里
<img data-original="url"/>
<script src="js/jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.lazyload.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(){
//初始化
$("img").lazyload({effect: "fadeIn"});
})
</script>
下面是实现的代码:
<script>
$(document).ready(function(){
$("img").lazyload();
$('li').on('tap', function (e) {
$(window).trigger('scroll');//触发下绑定窗口的滚动事件重新计算
})
})
</script>
//tap是我用的移动端,可以改成click
现在就可以实现点到选项卡的时候,图片再加载出来了。