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

时间:2013-12-19 12:10:19

标签: jquery

使用回调函数:

$('.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。

1 个答案:

答案 0 :(得分:0)

一个选项是调用动画然后设置超时以改变文本的一半:

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

因为动画设置为1000毫秒,超时设置为500毫秒,所以文本应该改变大概是动画的一半。

Here is a working example