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