我如何“重新绑定”解除绑定后的点击事件（“点击”）？

Question

我有一个锚标记 next 制成“按钮”。有时，如果没有新内容可显示，则需要隐藏此标签。如果我只是用 .hide() 隐藏按钮并用 .show() 重新显示它，那么一切都可以正常工作。但我想使用 .fadeIn() 和 .fadeOut() 代替。

我遇到的问题是，如果用户在淡出动画期间单击按钮，可能会导致我运行节目的逻辑出现问题。我找到的解决方案是在原来的点击功能开始后，将点击事件与按钮解除绑定，然后在动画完成后重新绑定。

$('a.next').click(function() {
    $(this).unbind('click');
    ...
    // calls some functions, one of which fades out the a.next if needed
    ...
   $(this).bind('click');
}

上面例子的最后一部分不起作用。点击事件实际上并没有重新绑定到锚点。有谁知道完成此操作的正确方法？

我是一个自学成才的jquery人员，所以一些更高级别的东西，比如unbind()和bind()，超出了我的理解范围，而且jquery文档对于我来说还不够简单，无法理解。

Answer 1

我只想添加一个检查，看看它是否首先动画：

$('a.next').click(function() {
    if (!$(this).is(":animated")) {
        // do stuff
    }
});

Answer 2

当您重新绑定点击事件时，您将从头开始。您需要提供您打算处理事件的函数。在您调用“取消绑定”后，jQuery 不会为您记住它们。

在这个特殊情况下，情况有点复杂。问题是，当您启动这些动画时，您将启动一系列由计时器驱动的动作。因此，在点击处理程序本身内部取消绑定并重新绑定“点击”处理程序实际上没有任何帮助。 有帮助的（假设您不想使用 is(":animated") 技巧解决问题）是取消绑定处理程序，然后在动画中的“完成”回调。

当您首先设置“click”处理程序时，您可以将函数的声明与对“click()”的调用分开：

var handler = function() {
  $(this).whatever();
};
$('a.next').click(handler);

然后，如果您最终想要取消绑定/重新绑定，您可以重复该调用“click”以同样的方式引用“handler”函数。

Answer 3

更简单且简短的解决方案

（不使用绑定/取消绑定方法）

是如果要解除绑定，则向对象添加一个类，然后删除该类以重新绑定ex；

$('#button').click( function(){
   if($(this).hasClass('unbinded')) return;
   //Do somthing
 });

$('#toggle').click(function(){
    $('#button').toggleClass('unbinded');
 });