Javascript 无法在上设置时间。请设置动画

当前，我正在尝试设置一个页面，以便在单击按钮时，一个div

向上动画，另一个
。向下动画，使其位于旧div成功的位置。问题是，它们同时执行此操作，使动画有点混乱。我想做的是在第一个div向上移动后，动画暂停约2秒，然后再向下移动第二个div。以下是我目前的代码：

$(document).ready(function() {
    $('.aboutcontainer,.contactcontainer,.homecontainer,.portfoliocontainer,.musiccontainer').hide();
});
$(document).ready(function() {
    $(".homecontainer").show();
});
$(document).ready(function() {
    $('#about').click(function go() {
        $('.homecontainer,.musiccontainer, .portfoliocontainer, .contactcontainer').fadeOut({
            queue: false,
            duration: 'slow'
        });
        $('.homecontainer, .musiccontainer, .portfoliocontainer, .contactcontainer').animate({
            'margin-Top': "-1000px" //moves left
        });
        $('.aboutcontainer ').fadeIn({
            queue: false,
            duration: 'slow'
        });
        $('.aboutcontainer').animate({
            'margin-Top': "115px" //moves left
        });
    });
});

我尝试在
.fadeIn
之前插入
.delay（2000）
，如下所示：

 $('.aboutcontainer ').fadeIn

 $('.aboutcontainer').animate

在
.animate
前面还有一个：

 $('.aboutcontainer ').fadeIn

 $('.aboutcontainer').animate

.delay
似乎根本不起作用（我使用的是最新的
jQuery
版本）

奇怪的是，我尝试过使用
setTimeout（）
函数，如下所示：

setTimeout(function() {
    $('.aboutcontainer ').fadeIn({
        queue: false,
        duration: 'slow'
    });

    $('.aboutcontainer').animate({
        'margin-Top': '115px' //moves left
    });
}, 2000);

执行此操作时，
.fadeIn
会暂停2秒钟，但
.animate
不会暂停。有人能告诉我我做错了什么吗？
你错过了动画的时间参数，
尝试添加动画的计时，如下所示

setTimeout(function() {
    $('.aboutcontainer ').fadeIn({
        queue: false,
        duration: 'slow'
    });
        $(".aboutcontainer").animate({
            marginTop: "115px",
        }, 750);//Look at here..
}, 2000 );

这是jsfiddle，请在
处查看它。关于container
有
页边距顶部：115px在main.css:131

所以来自
页边顶部的动画：115px至
页边距顶部：115px实际上什么都不做

例如，您可以为
设置
页边距顶部：-1000px
。关于container
并查看动画的运行情况。
您可以用HTML和脚本发布一个fiddle（）。他是对的，我也试过，但做不到有什么不正确的地方？小提琴不太好用，所以贴了这个：请看一下没有动画的持续时间。你觉得有什么问题吗？我不。。。也许动画的速度有点不同，但这无关紧要。添加时间参数仍然会给我带来同样的问题。我在这里创建了一个提琴，但不能让它像我的网站那样显示（抱歉，我对这个有点陌生），所以不确定它是否会有帮助：我把我的网站放在一个免费主机上，以便更好地显示我的问题：对不起，你的网站里有什么，我不明白，这是造成问题的Hey@BenLiger你的网站有一个错误，它的
未捕获类型错误：无法读取未定义的属性“mozilla”
非常感谢，这是一个多么简单的错误！把我逼疯了。。。我仍然发现。延迟（）对我不起作用，这仍然是一个问题mystery@BenLiger不客气。关于
delay
-您可以通过在
fadeIn
中设置
queue:true
（如下所示）使其工作，但它会阻止同时执行
fadeIn
和
animate
。@BenLiger只需更多注释：您实际上可以将
delay
与
queue
一起使用，使它们同时工作：好，你能给我一个在我的代码中如何工作的例子吗？@BenLiger你可以使用
delay
和
queue
类似：用
$（'.aboutcontainer'）替换
otherDiv
。