JQuery анимируется еще после обратного вызова

Question

У меня есть базовая карусель на http://jsfiddle.net/v53Fm/

Когда вы нажимаете кнопку пуска, она переходит к следующему пункту, однако я хочу, чтобы она постоянно прокручивалась.

По мереЯ вижу, что у меня есть функция обратного вызова в анимации finish(), которая затем вызывает scrollNext() снова для достижения этого.

Однако строка carousel.is(':animated') мешает ей повторяться.

Этоне должно быть правдой, так как она вызывает scrollNext() от конца функции обратного вызова анимации, поэтому есть идеи, почему она это делает?

Answer 1

Похоже, анимированный селектор не удаляется до тех пор, пока не завершится функция 'end'.

Однако, это работает:

function scrollNext() {
    var carousel = $('ul');
    if (carousel.is(':animated')) return false;
    carousel.animate({ left: '-=180px' }, 400, finish);
}

function finish() {
   setTimeout(scrollNext,1); //runs the function one millisecond after the finish() method is called
}

Answer 2

Кажется, это проблема времени.Попробуйте:

function finish() {
    setTimeout(scrollNext, 100);  // adds a 100ms delay
}

Answer 3

Просто удалите оператор return и увеличивайте длительность анимации. Смотрите здесь .