Jquery - 使用toggle()，但在动画完成之前禁用它

Question

我正在使用 jquery 切换函数，如下所示：

$(".class").toggle( 功能（） { //要做的事情...动画等等 }, 功能（）{ // 其他要做的事情... } );

现在，当我经常通过单击调用切换效果时，两个函数的动画不会等待另一个函数完成。所以我想禁用切换效果，直到每个函数中的内容完成。因此，当通过切换调用第一个函数时，第二个函数不应通过再次单击 .class 元素来调用。反过来

你知道我该怎么做吗？

提前致谢， 菲尔

Answer 1

您可以在之前添加 .click() 处理程序绑定 执行此操作的切换开关，例如：

$(".class").click(function() {
  if($(".selector:animated").length) 
    return false;
}).toggle(function() { 
  //things to do... animations and so on 
}, function(){
  // other things to do... 
});

它的作用是检查您的选择器和 :animated 发现任何元素（它们仍在动画），它会返回 false 并阻止 .toggle() 处理程序甚至不会受到攻击。这是可行的，因为事件处理程序按照它们绑定的顺序执行，因此如果第一个返回false，第二个将不会运行。