javascript - 阻止 JavaScript 函数在已经执行或另一个函数正在执行时执行的最佳方法是什么？

Question

我正在使用 jquery，我正在做的是将切换方法绑定(bind)到网页上的多个按钮。看起来像这样

$('.button').toggle(function(){
  // first function
}, function(){
  // second function
});

但是，这两个函数都有动画。因此，用户可以在执行第一个或第二个函数时单击该按钮。这会打乱 HTML 元素的顺序，并可能使它们移动到页面末尾。因为本质上这些函数的作用是在第一次单击时将一个元素移动到末尾，在第二次单击时将其移回原来的位置。

当然，一旦按钮在页面中移动，就很难点击它。但这是可能的。

Answer 1

你可以使用一个标志。当动画开始时，将“isAnimating”标志设置为 true；当动画结束时，将标志“isAnimating”设置为 false。仅当该值为 false 时，任何后续动画才能继续。

您还可以检查 :animated selector 是否适用于事件的所有者。并以此为基础做出决定。