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() Remove from the queue all items that have not yet been run.

和

.stop() Stop the currently-running animation on the matched elements.

尝试使用 .stop() 而不是 .clearQueue()。