Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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动画未在slideDown的同时运行_Jquery_Jquery Animate - Fatal编程技术网

jQuery动画未在slideDown的同时运行

jQuery动画未在slideDown的同时运行,jquery,jquery-animate,Jquery,Jquery Animate,我有下面的代码,它工作得很好,但是我希望动画发生在“.main_nav”向下滑动的同时。此时,“.slides_down”先幻灯片,然后“.multicolor”在之后动画。我需要它们同时发生 function slideDown_Menu(){ $('.top-nav').slideUp(300,function(){ $('.main_nav').slideDown('slow', function(){

我有下面的代码,它工作得很好,但是我希望动画发生在“.main_nav”向下滑动的同时。此时,“.slides_down”先幻灯片,然后“.multicolor”在之后动画。我需要它们同时发生

       function slideDown_Menu(){
                $('.top-nav').slideUp(300,function(){
                    $('.main_nav').slideDown('slow', function(){
                        $('.multicolor').animate({top: '203px'});
                        // $('.tab_wrapper').animate({ marginTop: '63px' }, 500, 'linear');
                    });
                });
        }

所以不要使用slideDown的回调函数:

function slideDown_Menu(){
                $('.top-nav').slideUp(300,function(){
                    $('.main_nav').slideDown('slow');
                     $('.multicolor').animate({top: '203px'});
                });
        }

所以不要使用slideDown的回调函数:

function slideDown_Menu(){
                $('.top-nav').slideUp(300,function(){
                    $('.main_nav').slideDown('slow');
                     $('.multicolor').animate({top: '203px'});
                });
        }
请参阅

将函数作为第二个参数放入

$('.main_nav').slideDown('slow', function(){ ... });
意味着您希望在向下滑动完成时执行它。请参阅

将函数作为第二个参数放入

$('.main_nav').slideDown('slow', function(){ ... });

表示您希望在slideDown完成时执行它

请参阅jQuery的API文档以获取有关
的参考。slideDown([duration][,callback])
的请参阅jQuery的API文档以获取有关
的参考。slideDown([duration][,callback])
当时我意识到了使用回调函数的错误,但在2之间的秒数方面仍然存在一些差异。然后尝试$('.multicolor')。animate({top:'203px'},'slow');我意识到了使用回调函数的错误,但是2之间在秒的分数方面仍然存在一些差异。然后尝试$('.multicolor')。animate({top:'203px'},'slow');