Есть слайдер с js-анимацией. Анимирование происходит путем подмены класса, их координаты заданы в css и в js - circleCoords
.
Код выкладываю на plunker, т.к. его много и чтоб понять проблему нужно увидеть событие глазами: https://plnkr.co/edit/qHn1HytgxucUwl0tkBTe?p=preview
Перед тем как мы еще не кликали на элемент карусели, функция animate
каждый раз принимает массив с именами классов, на каждой итерации последний в списке элемент массива ставится на перед (происходит циклический сдвиг). При клике на элемент, мы меняем очередность элементов в массиве, и подаем его в функцию animate
в соответствующем порядке после изменений классов в html-дереве.
Но почему-то, после клика, элементы начинают сдвигаться беспорядочно, а не как следует - друг за другом в новой построенной очереди. Я уверен что где-то пропустил какую-то мелочь, нужен свежий взгляд профи) Благодарен за внимание!