javascript - 动画进行时在同一元素上触发 jquery animate

Question

我有 2 个带有这些代码的按钮:

$('#btn1').on('click',function() {
   $('#div1').animate({left:500},1000);
});

$('#btn2').on('click',function() {
   $('#div1').animate({left:0},1000);
});

我希望能够在 btn1 的事件仍在进行时触发 btn2 的事件。例如，当我快速单击两个按钮时，当前发生的情况是，我单击 btn1，div 在实际触发 btn2 的事件之前进入并完成 left:500。

有什么想法吗？

Answer 1

您想.stop()触发新动画之前的所有动画。