bxslider和jQuery - getCurrentSlide

Question

我是jQuery和javascript的新手，还不能解决下面的bxslider问题。

我希望能够改变基于滑块位置的各种元素的css属性。

我已经在bxslider文档中查看了getCurrentSlide方法，但是使用下面的代码，我总是得到var current == 0。

slider = $('.bxslider').bxSlider();
var current = slider.getCurrentSlide();

我应该怎么做才能使当前变量等于当前幻灯片的索引值，并使索引值在每次幻灯片位置更改时更新？我的bxslider包含4张幻灯片。

--谢谢。

Answer 1

我猜您在document.ready调用中放入了getCurrentSlide()方法。加载时，当前幻灯片将始终为0，因为它是一个索引为0的数组。如果查看callback api，就可以使用onSlideAfter方法更新current变量。它的一个简单实现如下所示：

var current = 0;
$('.bxslider').bxSlider({
  onSliderLoad: function(){
    // do funky JS stuff here
    alert('Slider has finished loading. Click OK to continue!');
  },
  onSlideAfter: function(){
    // increment current by 1 each time this method is called
    current += 1;
  }
});