Jquery 在所有其他动画完成后执行函数
我试图在所有其他动画完成后显示一个div。我现在拥有的代码将同时完成这一切Jquery 在所有其他动画完成后执行函数,jquery,Jquery,我试图在所有其他动画完成后显示一个div。我现在拥有的代码将同时完成这一切 $(document).ready(function(){ $('#header').hide(); $('.contactl').click(function(){$('#content').stop().scrollTo('#contact',1250,{easing:'easeinout'}); }); $('#menu').click(function() {$('#header').fadeIn(4000)
$(document).ready(function(){
$('#header').hide();
$('.contactl').click(function(){$('#content').stop().scrollTo('#contact',1250,{easing:'easeinout'});
});
$('#menu').click(function() {$('#header').fadeIn(4000)});
因此,在接触动画之后,菜单必须淡入。它们在单独的函数中,否则我必须在所有菜单项函数中包含代码的菜单部分
这能做到吗?如果是这样的话,怎么做?您可以在所有jQuery动画函数中指定回调参数。问题的解决方案是将要执行的代码放在函数中的动画之后,并将该函数作为回调传递给最终动画 编辑:示例如下:
function alertAfterAnimation() {
alert("Animation is finished!");
}
// Hide myElement, then pop up a message when it's gone
$.hide('#myElement', 'slow', alertAfterAnimation);
可以在所有jQuery动画函数中指定回调参数。问题的解决方案是将要执行的代码放在函数中的动画之后,并将该函数作为回调传递给最终动画 编辑:示例如下:
function alertAfterAnimation() {
alert("Animation is finished!");
}
// Hide myElement, then pop up a message when it's gone
$.hide('#myElement', 'slow', alertAfterAnimation);
我确信其他答案是正确的,但我想指出自jQuery 1.5以来发布的一个新特性:
这允许您以更明确的方式链接事件。可能性是无穷的,但将其应用于动画肯定是可能的。我确信其他答案是正确的,但我想指出自jQuery 1.5以来发布的一个新特性:
这允许您以更明确的方式链接事件。可能性是无穷的,但将其应用于动画肯定是可能的。与毫米级相似,另一个有价值的特性是队列: 本页上的示例应该与您要查找的内容非常接近
您可能采取的一般方法是在动画完成时使用一个公共回调函数,当动画队列为零时,您可以继续执行任何您想执行的操作。与Milimetric类似,另一个有价值的功能是队列: 本页上的示例应该与您要查找的内容非常接近
您可能采取的一般方法是在动画完成时使用一个公共回调函数,当动画队列为零时,您可以继续执行任何您想执行的操作。在大量搜索之后,我找到了一个简单的解决方案。 添加。。。 .延迟(800)
解决了这个问题。经过大量的谷歌搜索,我找到了一个简单的解决方案。 添加。。。 .延迟(800) 解决了这个问题。我添加了函数logoLoad(){$('#header').fadeIn(4000)};单击(function(){$('content').stop().scrollTo('#contact',1250,{easeinout:'easeinout'})});仍然让我困惑的是,我添加了logoLoad()函数{$('#header').fadeIn(4000)};单击(function(){$('content').stop().scrollTo('#contact',1250,{easeinout:'easeinout'})});仍然困惑重复:重复: