使用ajax后lazyload.js失败怎么办?
Posted 北方的刀郎
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用ajax后lazyload.js失败怎么办?相关的知识,希望对你有一定的参考价值。
一、使用ajax后,lazyload.js失效怎么办?ajax加载的下一页图片lazyload.js无效,图片无法显示,部分js没有效果。
百度很早就说过要绑定事件,比如滑动显示或者点击显示都可以:
但是lazyload.js被配置为在页面加载时执行。我该怎么办?
以下是lazyload.js的配置:
$(function()
$(' img . img-responsive ').lazyload(event :‘fade in’,event : 200 ););
解决办法:
1.如果必须这样做,那么在ajax回调时再次初始化lazyload。
2.您可以在每个ajax之后重新执行您的初始化代码,所以应该没问题。
$.ajax( type: 'POST ',url: 'XXX ',data: 'XXXX ',success : function(msg)
$(' img . img-responsive ').lazyload(event :‘fade in’,event : 200 );
);
以上是关于使用ajax后lazyload.js失败怎么办?的主要内容,如果未能解决你的问题,请参考以下文章
缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解