如何检查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