如何在动画完成前使用回调函数？

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