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);