слайдер БХ. Добавление и удаление класса к предыдущим слайдам

Я пытаюсь добавить класс к каждому маркеру навигации по слайду, который находится перед текущим слайдом.

Прямо сейчас он добавляет класс, если вы нажмете следующую кнопку. Однако я не могу понять, как удалить класс при нажатии предыдущей кнопки.

Что-то в духе

$(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/

Я не могу понять, как назначить переменную для слайдов


jquery css bxslider
person Mikereee    schedule 21.08.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Одного я не понимаю, почему ваши 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');
        }  
    });

});

Вот рабочая демонстрация

person MarsOne    schedule 22.08.2013
comment
Bxslider динамически добавляет дополнительные классы для точек навигации внизу. - person Mikereee; 22.08.2013