laimas,
рони,
Вот смотрите...
Html структуру вы вдели. У нас есть получения индекса после загрузки страницы и присвоения active блоку span:
var index = $('.active').index();
После чего в следствии работы некой функции класс active будет присваиваться другому порядковому элементу span (а именно 3-му).
Если мы оставляем всё как есть, index не обновит данные о смене класса active и не сменит значение с 0 на 2.
Как я писал выше, если добавить index в функцию с событием click он будет обновляться после клика.
$('*любой стиль для кнопки*').click(function() {
var index = $('.active').index();
console.log(index)
})
А как сделать это обновление переменной index без внешнего вмешательства пользователя, а именно клика/перетаскивания/скрола и прочего?