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; 
    } 
});