jquery - jQuery延迟动画

Question

第一个<div>下移动画效果很好。我想<div>在延迟 500 毫秒后向上滑动。它工作不正常。有谁知道为什么？

这很有效，没有延迟：

$('#first-div').animate({top:"640px"},3000);
$('#second-div').slideDown("1000");

但我想在第一次向下移动<div>后延迟第二次向上滑动<div>。但它不工作.delay()

$('#first-div').animate({top:"640px"},3000);
$('#second-div').delay(5000).slideup("1000");

我尝试使用的完整脚本是：

$(document).ready(function() {

      $('#first-div').animate({top:"640px"},3000);
      $('#second-div').delay(5000).slideup("1000");
      });

延迟后第二次<div>向上滑动不起作用！我错过了什么？

Answer 1

如果您希望第二个动作发生在第一个动作之后，您可以使用该complete函数

$(document).ready(function() {

    $('#first-div').animate({top:"640px"}, 3000, function() {
        //executes after the animation completes
        $('#second-div').slideDown("1000");
    });

});

编辑

在这里查看更多信息animate。