javascript - 从函数获取本地范围并在单击时调用另一个函数 setTimeout

Question

如果使用类“variation_swatch”触发点击，我想销毁函数imageGallery的变量 slider 。

阅读了一些有关本地和全局范围的内容，但似乎我无法完成它，因为我发现 that 和 slider 未定义。

如何正确设置？

function imageGallery() {
    var slider = $('#imageGallery').lightSlider({
        gallery:true,
        item:1,
        loop:false,
    });
    var that = this;
}

$(document).on('click','.variation_swatch',function(){
    setTimeout(function(){
        that.slider.destroy();
        console.log('gallery destroyed');
    }, 500);
    setTimeout(function(){
        if (!slider.lightSlider) {
            slider = $('#imageGallery').lightSlider({
                gallery:true,
                item:1,
                loop:false,
            });  
        };
        console.log('gallery rebuilt');
    }, 500);
})

$(document).ready(function () {
    imageGallery();
});

Answer 1

在imageGallery内添加点击处理程序，您可以在其中访问slider:

function imageGallery() {
  var slider = $('#imageGallery').lightSlider({
        gallery:true,
        item:1,
        loop:false,
      });

  $(document).on('click','.variation_swatch',function(){
      setTimeout(function(){
          slider.destroy();
          console.log('gallery destroyed');
      }, 500);
      setTimeout(function(){
          if (!slider.lightSlider) {
              slider = $('#imageGallery').lightSlider({
                  gallery:true,
                  item:1,
                  loop:false,
              });  
          };
          console.log('gallery rebuilt');
      }, 500);
   });
}

$(document).ready(function () {
    imageGallery();
});