如何检查click事件是否已绑定-JQuery

Question

我用按钮绑定click事件：$('#myButton').bind('click',  onButtonClicked);在一种情况下，这会被多次调用，所以当我执行一次操作时，trigger我看到了多个我想防止的ajax调用。bind只有在未绑定之前，我该怎么办。

Answer 1

另一种方法-使用CSS类和过滤器标记此类按钮：

$('#myButton:not(.bound)').addClass('bound').bind('click',  onButtonClicked);

在最新的jQuery版本中，替换bind为on：

$('#myButton:not(.bound)').addClass('bound').on('click',  onButtonClicked);

Answer 2

如果使用jQuery 1.7+：

您可以致电off之前on：

$('#myButton').off('click', onButtonClicked) // remove handler

              .on('click', onButtonClicked); // add handler

如果不：

您可以解除绑定第一个事件：

$('#myButton').unbind('click', onButtonClicked) //remove handler

              .bind('click', onButtonClicked);  //add handler