jquery - 所有其他动画完成后执行函数

Question

我试图在所有其他动画完成后显示一个 div。我现在拥有的代码将同时完成这一切。

$(document).ready(function(){
$('#header').hide();

$('.contactl').click(function(){$('#content').stop().scrollTo('#contact',1250,{easing:'easeinout'});
});

$('#menu').click(function() {$('#header').fadeIn(4000)});

因此菜单必须在接触动画之后淡入。它们位于单独的函数中，否则我必须将代码的菜单部分包含在所有菜单项函数中。

这可以做到吗？如果是这样，怎么办？

Answer 1

您可以在所有 jQuery 动画函数中指定回调参数。问题的解决方案是将要在动画之后执行的代码放置在函数中，并将该函数作为最终动画的回调传递。

编辑:示例如下:

function alertAfterAnimation() {
    alert("Animation is finished!");
}

// Hide myElement, then pop up a message when it's gone
$.hide('#myElement', 'slow', alertAfterAnimation);