Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在所有其他动画完成后执行函数_Jquery - Fatal编程技术网

Jquery 在所有其他动画完成后执行函数

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)

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

$(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'})});仍然困惑重复:重复: