javascript - lightSlider销毁和重建仅运行一次

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

我在其中构建它的CMS正在加载图像和Ajax。由于JavaScript已准备就绪，因此不允许我第二次触发按钮。

加载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
            });
        }
    });
  });

最佳答案

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

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

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