javascript - lightSlider 销毁并重建只需运行一次

Question

我有两个或更多具有相同类的按钮来销毁和重建 lightSlider 脚本。

我构建它的 CMS 正在加载图像和 ajax。由于 JavaScript 是通过 Ready 加载的，因此不允许我再次触发按钮。

加载ajax后(ajaxComplete)销毁和重建它的方法是什么？

  $(document).ready(function() {
    var slider = $('#publicMethods').lightSlider({
        slideMargin:4,
        slideWidth:200,
        loop:false
    });
    $('.load').click(function(){
        slider.destroy();    
    });
    $('.load').click(function(){
        if (!slider.lightSlider) {
            slider = $('#publicMethods').lightSlider({
                slideMargin:4,
                slideWidth:200,
                loop:false
            });  
        }
    });
  });

Answer 1

$('.load').click(function(){
    slider.destroy();    
});

将事件处理程序直接附加到 DOM 元素，您需要附加到文档，例如:

$(document).on('click','.load',function(){
  //code here
})