javascript - 有什么方法可以停止 Jquery 中的动画（也停止完整的回调函数）

Question

我认为这个问题与 Jquery 中的队列有关。我们可以使用 clearQueue() 清除队列以停止任何动画，但是清除队列不能停止回调函数考虑这一点

$("#sth").animate( { width:'100%' }, 2000, function() {
    $("#sth").css("width","0%");
});

和

$("#sth").clearQueue().css("width","0%");

能够停止动画并推回宽度。但是，在 2000 毫秒之后，它也会变成 100% 宽度，因为完整的回调函数。无论队列是否存在，该函数都会在 2000 毫秒后调用。

Answer 1

来自 jQuery 文档：

.clearQueue() 从队列中删除所有尚未运行的项目。

和

.stop() 停止匹配元素上当前正在运行的动画。

尝试使用 .stop() 代替 .clearQueue()。

Answer 2

调用 stop 函数将停止附加在 sth obj 上的动画

function stopSthAnim(){
    $('#sth#).stop(); 
}

你也可以使用完整的回调函数

$("#sth").animate( { width:'100%' }, {
        duration:2000,
        complete: function(){
           $('#sth#).stop(); 
        }
    }, function() {
    $("#sth").css("width","0%");
});