Jquery эластичная анимация не завершена

http://www.thebraproject.com/collection

Если вы выдвигаете веревку для белья назад, каждый третий предмет останавливается без завершения упругой анимации. Может ли кто-нибудь понять, почему это может произойти?

Я использую AnythingSlider для jQuery, чтобы он работал.

Ответ 1

Я думаю, может быть, проблема в том, что, как слайдер рассчитывает, когда вы идете вперед и назад, он думает, что это начало слайдера и не работает переход. Попробуйте изменить свой третий случай

case 3:
 var previous_index = 2;
 var next_index = 1;
 break;

что произойдет, если вы измените переменную next_index? Это исправить?

Ответ 2

Ослабление прерывается каждый раз, когда AnythingSlider вынужден "вращать" свои страницы. (Положите другой способ: всякий раз, когда перемещаемый элемент находится в "li.cloned", ослабление прерывается.)

Мне кажется, что это ошибка в AnythingSlider, я думаю, что некоторые из вызывающих анимацию обратных вызовов вызываются, не дожидаясь завершения анимации.

Я не решаюсь анализировать, потому что текущий сайт использует версию 1.2 AnythingSlider, последняя версия - v1.5.x. Я бы попробовал обновление и выяснил, устраняет ли это вашу проблему.

https://github.com/ProLoser/AnythingSlider/downloads

Ответ 3

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