使用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 使用方法详解

图片懒加载--lazyload.js的用法

Ajax GET 请求后表单提交失败(无效的 CSRF 令牌)。怎么修?

图片懒加载之lazyload.js插件使用

JQuery LazyLoad实现图片延迟加载-

图片懒加载 lazyload.js使用方法