lightSlider破坏并重建只运行一次

时间:2017-11-09 13:13:03

标签: javascript jquery ajax

我有两个或更多具有相同类的按钮来销毁和重建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
            });  
        }
    });
  });

1 个答案:

答案 0 :(得分:1)

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

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

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