Как добавить класс кнопке в зависимости от наличия класса в слайде?

Question

[eellazy]

Всем привет!
Есть слайдер который крутить фото...
У него есть два класса slide-open и slide-close. То есть если слайд активный то

<div class="slide slide-open">
-----
</div>

Если не активный

<div class="slide slide-close">
-----
</div>

Я добавил точки(пагинацию для слайдов) при нажатии на кружек идет добавление класса active и кружок подсвечивается. Но когда слайды сами по себе крутятся то кружки не меняют своего цвета, не добавляется класс. Как отслеживать состояние слайда?

Вот код с добавлением класса при нажатии на кружек

$(function() {
			  $("#thumbs a").click(function(e) {
			    e.preventDefault();
			    $("#thumbs a").removeClass('active');
			    $(this).addClass('active');
			  })
			});

Comments

[Сергей]

А что собственно за слайдер?

[eellazy]

Hando: https://natearmagost.github.io

Answer 1

[Евгений]

по индексу слайда находим соответствующий кружок, включаем его, остальные перед этим сбрасываем
нужные функции:
n = $('element').index() - возвращает порядковый номер элемента внутри родителя
$('otherElement').eq(n) - селектор элемента под номером n среди otherElement

Comments

[eellazy]

Привет, а можно пример? Спасибо

Answer 2

[alvvi]

Отслеживать наличие класса можно методом $(element).hasClass('class-name');
Возвращает, естественно, булеове значение.

Comments

[eellazy]

Привет, а можно пример? Спасибо

[alvvi]

eellazy: так вроде привел и так пример. Можно например проверять есть ли класс у элемента по которому кликнули if($(this).hasClass('active')) { do something };