在jQuery中即时完成动画队列

Question

我需要停止动画并立即完成所有待处理的动画。
停止不起作用：
假设我有一个将 0px 上的元素移动 100px 的动画，并且当它仅移动 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'});