Запуск функции после завершения анимации

Question

Я попытался дать функцию обратного вызова (FUNCTIONX) в .animate(), но она срабатывает немедленно - и не ждет конца анимации.

nav.click(function() { 
    holder.stop(true, true); 
    var target = $(this).attr('class'); 

    if (target === 'right') { 
     var value = current.width(); 
     holder.animate({ 
      right: '+=' + value 
     }, slideSpeed, FUNCTIONX()); 
     current = current.next(); 
    } else { 
     var value = current.prev().width(); 
     holder.animate({ 
      right: '-=' + value 
     }, slideSpeed, FUNCTIONX()); 
     current = current.prev(); 
    } 
}); 

Также используется с .promise() (как показано ниже) с таким же эффектом.

 var value = current.width(); 
     holder.animate({ 
      right: '+=' + value 
     }, slideSpeed); 
     current = current.next(); 
     nav.promise().done(function() { 
      alert('dupa'); 
     }); 

Как запустить функцию после завершения этой анимации после завершения эффекта слайда?

Answer 1

FUNCTIONX вызывается сразу здесь. Попробуйте удалить ().

От:

holder.animate({ 
    right: '+=' + value 
}, slideSpeed, FUNCTIONX()); 

To:

holder.animate({ 
    right: '+=' + value 
}, slideSpeed, FUNCTIONX);