jquery - 如何在 jQuery 中的事件发生后执行某些操作？

Question

我想在另一个动画完成时播放一个动画。

我使用了这段代码:

$("#test_01").stop().animate({height: '500'}, 2500).promise($("#test_02").fadeIn(2500));

这同时使两个动画 - 这不是我想要的。我需要先运行 $("#test_01")，然后运行 ​​$("#test_02")。

我怎样才能做到这一点？

Answer 1

尝试使用您的代码完成:

$("#test_01").stop().animate(
    {height: '500'},
    2500
).promise().done(
    function(){
        $("#test_02").fadeIn(2500)
    }
); 

done 函数回调将在动画中的所有代码完成后起作用。