jquery - 解除绑定(bind)后如何 "rebind"点击事件('click')？

Question

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

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

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

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

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

Answer 1

我只是添加一个检查来看看它是否首先动画:

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