Javascript lightSlider销毁和重建只运行一次

我有两个或更多的按钮使用同一个类来销毁和重建lightSlider脚本

我构建它的CMS正在加载图像和ajax。由于javascript是由ready加载的，因此我无法再次触发该按钮

在ajax加载完成后，如何销毁和重建它

  $(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
            });  
        }
    });
  });

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

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

---

是的，但我不能调用文档中的可变滑块。谢谢。请写一个完整的答案来投票支持你。嗨@karadayi，希望我能帮上忙，这是stackoverflow的热门话题，干杯！

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