即時完成jQuery中的動畫隊列

Question

我需要停止動畫並立即完成所有未決的動畫。
stop不起作用：
可以說我有動畫，通過100px移動元素是0px我用停止時，它只有50px移動。結果將是50px上的一個元素。我想要的結果是當我中斷動畫時，即使元素位於50px，它也會立即跳轉到100px。
我該怎麼做？

Answer 1

$.fn.stop()可以選擇清除隊列並跳轉到最後。

就做這樣的事情：發現$('#foo').stop(true, true);

Answer 2

這在http://forum.jquery.com/topic/stop-true-true-animation-chains-and-callbacks

(function($){ 
    $.fn.extend({ 
     hardStop: function(){ 
      return this.each(function(){ 
       var e = $(this); 
       while (e.queue().length){ 
        e.stop(false, true); 
       } 
      }); 
     } 
    }); 
})(jQuery); 

通過

$("#element").hardStop(); 

使用它，如果還是不行，也許你原來的代碼更改爲：

$("#abc").stop().animate(... 

Answer 3

手動指定最後一個狀態，不要懶惰。我確信你能做到這一點:)

$('#foo').stop(true, true); 
$('#foo').css({x, '100px'});