bxslider和jQuery - getCurrentSlide

Question

我是新来的jQuery和JavaScript，并且一直无法解决以下bxslider问题。

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

我已经看过了bxslider文档中的getCurrentSlide方法，但使用下面我总是无功电流== 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; 
    } 
});