0

我是 jQuery 和 javascript 的新手,无法解决以下 bxslider 问题。

我希望能够根据滑块位置更改各种元素的 css 属性。

我查看了 bxslider 文档中的 getCurrentSlide 方法,但使用以下方法我总是得到 var current == 0。

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

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

- 谢谢。

4

1 回答 1

1

我猜你正在把getCurrentSlide()方法放在document.ready调用中。加载时,当前幻灯片将始终为 0,因为它是一个以 0 为索引的数组。如果您查看回调 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;
  }
});
于 2013-02-10T03:58:49.483 回答