jQuery - 如何让自定义事件只触发一次？

Question

我需要控制事件被触发的顺序。为了确保我的自定义事件仅在另一个事件完成后触发，我正在触发第一个事件处理程序中的自定义事件。

$(".HwRadioButton").click(function(event) {  
     //Stuff that needs to happen before custom event 
     ... 
    //trigger custom event    
     $(".HwRadioButton").trigger("onAnswerChange"); 
}); 

定制事件绑定：

​​

的问题是，我有有 “.HwRadioButton” 的一类属性值12组的元素。事件“onAnswerChange”被触发12次。这是为什么？我是否还需要选择任何元素？我只想定义一个自定义事件并明确触发它。

谢谢！

Answer 1

在您的代码尝试：

$(".HwRadioButton").click(function(event) {  
     //Stuff that needs to happen before custom event 
     ... 
    //trigger custom event    
     $(this).trigger("onAnswerChange"); 
}); 

将触发被点击的一个元素的onAnswerChange。

Answer 2

$(".HwRadioButton").trigger("onAnswerChange") triggers onAnswerChange对于该选择器所选择的所有项目。仅针对$(this).trigger("onAnswerChange")触发事件。

Answer 3

您应该使用one像

$('.HwRadioButton').one('click', function() { 
    alert('This will be displayed only once.'); 
});