使用ajax後，lazyload.js失效，怎麼解決

是這樣的，我的網站主要以圖片為主，所以引用了lazyload.js和infinitescroll.js利於體驗，infinitescroll.js是應用了ajax的，就是當網頁下滾動的時候自動載入下一頁的內容。

問題就來了，ajax載入的下一頁的圖片lazyload.js失效了，圖片顯示不出來，還有一些js也沒有效果了。

我百度了好久說是要綁定事件，比如滑動顯示的或點擊顯示的可以用：

$('body').on('mouseover' , '.myDrop' ,        function() {          $(this).addClass('open');        }    );

這樣綁定，但是lazyload.js的配置是當載入頁面就執行，我應該怎麼辦呀？
下面的是lazyload.js的配置：

$(function() {    $("img.img-responsive").lazyload({      effect : "fadeIn",      threshold : 200    });  });

回複內容：

1.如果非要做的話，ajax回調的時候再初始化一次lazyload唄

2.可以在每次ajax後都重新執行一下你的初始化代碼，這樣應該就可以了

$.ajax({   type: "POST",   url: "XXX",   data: "XXXX",   success: function(msg){     $("img.img-responsive").lazyload({      effect : "fadeIn",      threshold : 200    });   }});

以上就是使用ajax後，lazyload.js失效，怎麼解決的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！

