Почему не добавляется класс?

Question

[Иван Симонов]

Добрый день
Мой код - Fiddle

Использую карусель bootstrap 3

$('.carousel-indicators li').click(function(e) {
  e.stopPropagation();
  $('.carousel').carousel($(this).data('slide-to') - 1);
});

// change the indicator background on click
$('.carousel-indicators  li').on("click", function() {
  $('.carousel-indicators li.active').removeClass("active");
  $(this).addClass("active");
});
$('.carousel').bind('slid', function() {

  $('.carousel-indicators .active').removeClass('active');
  var activeIndex = $('.carousel .item.active').index();
  $('.carousel-indicators li:eq(' + activeIndex + ')').addClass('active');
});

Не могу понять почему не корректно добаляется класс .active к соотв. слайду
К индикаторам соотв. класс добавляется

Answer 1

[Одиночка Айс]

Если я не ошибаюсь, то у вас $(this) указывает на событие клика, а не на элемент, по которому кликнули, попробуйте так:

$('.carousel-indicators  li').each(function(){
    var li=$(this);
    li.on("click", function () {
        $('.carousel-indicators li.active').removeClass("active");
        li.addClass("active");
    });
});

Comments

[Иван Симонов]

Спасибо. Изменение для carousel-indicators работает. Не работает переключение слайдов
Т.е не добавляется класс .active к соот. слайду при клике на carousel-indicators > li

[Одиночка Айс]

Иван Симонов, так вы только с индикаторами и работаете, я у вас слайдов не заметил в коде.

[Иван Симонов]

Одиночка Айс, в вопросе добавлен - jsfiddle.net/95hzu9pt