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

Question

с помощью функции обратного вызова:

$('.caption').animate({'bottom':'0px'}, function(){$('.caption').text(data);}); 
// animates and change caption from image1 to image2 

используя функцию обратного вызова, прежде чем анимация

$('.caption').text(data); 
$('.caption').animate({'bottom':'0px'}); 
//first change caption from image1 to image2 and animates 

Но я хочу, чтобы изменить заголовок из imag1 в IMAGE2 во время анимации.

Answer 1

Одним из вариантов было бы назвать анимации затем установить тайм-аут, чтобы изменить текст на полпути, хотя:

$('.caption').animate({'bottom':'0px'}, 1000); 
setTimeout(function(){ $('.caption').text(data); }, 500); 

Поскольку анимация установлен на 1000 мс и время ожидания на 500мс, то текст должен изменить в наполовину подумал, что он анимация.

Here is a working example