jquery - jquery转换完成时如何获得回调

Question

我有一个旋转针的动画，它按预期工作，但我想在我的过渡完成时得到一个回调。这是我的功能..

<script>
$(document).ready( function() {

function AnimateRotate(d){
    $({deg: 0}).animate({deg: d}, {
                duration:1440,
        step: function(now, fx){
            $(".needle").css({
                 transform: "rotate(" + now + "deg)"
            });
        }
    });
}

AnimateRotate(90);

});

</script>

这是我尝试过的，但是当转换完成时没有一个会触发。我究竟做错了什么？

$(".needle").bind('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd', 
function() { 
         alert( "Finished transition!" ); 
 //do something
});

$(".needle").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", 
    function() { 
         alert( "Finished transition!" ); 
    //do something
});

Answer 1

对调用使用完整的回调.animate。

function AnimateRotate(d){
    $({deg: 0}).animate({deg: d}, {
                duration:1440,
        step: function(now, fx){
            $(".needle").css({
                 transform: "rotate(" + now + "deg)"
            });
        },
        complete: function(){
            console.log("Hello World!");
        }
    });
}

AnimateRotate(90);