BX滑塊。向以前的幻燈片添加和刪除類

我想向當前幻燈片之前的每個幻燈片導航項目符號添加一個類。BX滑塊。向以前的幻燈片添加和刪除類

現在它添加一個類，如果你點擊下一個按鈕。然而，我不知道如何刪除前一個按鈕被點擊的類。

東西沿着

$(document).ready(function($) { 

    slider = $('.slider').bxSlider({ 

    onSlideBefore: function(){ 

    var current = slider.getCurrentSlide(); 
     if (slide-data-index <= current) { 
     $('.bx-pager .bx-pager-item a').addClass('past'); 
     } else { 
     $('.bx-pager .bx-pager-item a').removeClass('past'); 
    } 
});

這行是我迄今爲止的工作：http://jsfiddle.net/mreee/xVnQY/

我找不出分配幻燈片可變

來源

2013-08-21 Mikereee

有一件事我不明白的是爲什麼你的CSS，HTML和jQuery彼此不一致。您在CSS和jQuery中引用的類或元素不在HTML中。我只是猜測你沒有粘貼完整的HTML。

無論如何，我檢查了你的代碼，併發布了一個更簡單和易於理解的解決方案。我沒有對HTML/CSS做任何更改，所以我只能粘貼jQuery。此外，我還在外部提到了您可以在左側窗格中看到的小提琴bxslider JS file。

這是引用到外部bxslider文件。

http://bxslider.com/lib/jquery.bxslider.min.js

的jQuery

jQuery(document).ready(function() { 
    $('.slider').bxSlider({ 
     mode: 'horizontal', 
     speed: 500, 
     pager: true, 
     controls: true, 
     auto: false, 
     infiniteLoop: false, 
     hideControlOnEnd: true, 
     onSlideNext: function() { 
      $('.slider h3').addClass('blueylooey'); 
     }, 
     onSlidePrev: function() { 
      $('.slider h3').removeClass('blueylooey'); 
     } 
    }); 

});

這裏是一個Working Demo

來源

2013-08-22 07:16:18 MarsOne

的bxslider動態地添加額外的類，針對導航點在B ottom。 – Mikereee

我不明白。我的解決方案不適合你嗎？ – MarsOne

BX滑塊。向以前的幻燈片添加和刪除類

回答

相關問題