Question

我正在使用flexslider。在this页面的高级点击下有一个示例（在“新的，强大的回调API”部分，他们使用slider.currentSlide来获取当前幻灯片的编号。

如何在完全不同的功能中访问此值？我正在考虑一个全局变量，但我不知道这是否有效，我不知道是否可以将函数中的变量声明为全局变量。

Answer 1

您可以通过以下方式访问flexslider对象来避免全局变量：

$(element).data('flexslider')

所以在你的情况下你会使用：

$(element).data('flexslider').currentSlide

Answer 2

您可以声明一个全局变量并在after回调函数中设置该值。这里有一些伪代码可以帮助你理解这个想法：

var curSlide;
$(window).load(function() {
  $('.flexslider').flexslider({
    after: function(slider) {
      window.curSlide = slider.currentSlide;
    }
  });
});

function useCurSlideHere() {
  alert(window.curSlide);
}

虽然理想情况下你可以避免使用全局变量，但是你可以将useCurSlideHere函数放入一个类中，你可以在window.load上创建一个实例，并在后调用函数中传递curSlide变量时使用它。

$(window).load(function() {
  var customSlider = new useCurSlideHere();
  $('.flexslider').flexslider({
    after: function(slider) {
      customSlider.setCurSlide(slider.currentSlide);
    }
  });      
});

function useCurSlideHere() {
  this.curSlide = 0;

  this.setCurSlide = function(curSlide) {
    this.curSlide = curSlide;
  }

  this.getCurSlide= function() {
    alert(this.curSlide);
  }
}

编辑：编辑了使用slider.currentSlide的答案。

如何将“Flexslider”当前图像编号转换为可在函数中使用的变量？

2 个答案: