带有 $.when() 的 Jquery 动画序列

Question

我有结构

$('.qwe').click(function(){

            $.when(
                $('#q1').animate({top: 100}, 1000),
                $('#q2').animate({top: 200}, 500)
            ).then(function () {
                $('#q3').fadeOut();
            });

        });

它可以按我的需要工作，但我想在其他功能中取出动画：

    function asd(){
        $('#q1').animate({top: 100}, 1000);
        $('#q2').animate({top: 200}, 500);
    }
    $('.qwe').click(function(){

        $.when(asd()).then(function () {
                $('#q3').fadeOut();
            }
        );

    });

为什么动画同时执行？

Answer 1

试试这个：在 jquery 中使用回调

 $('.qwe').click(function(){

        $('#q1').animate({top: 100}, 1000 , function() {

              $('#q2').animate({top: 200}, 500, function() { 

                        $('#q3').fadeOut();
               });
         });


  });