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

Question

我需要控制触发事件的顺序.为确保我的自定义事件仅在另一个事件完成后触发,我将在第一个事件的处理程序中触发自定义事件.

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

自定义事件绑定:

$(document).ready(function() {
     $(".HwRadioButton").bind("onAnswerChange",function(event) {
    //custom event stuff

    });

});

问题是我有12个元素,其类属性值为".HwRadioButton".事件"onAnswerChange"被触发12次.这是为什么？我甚至需要选择任何元素吗？我只想定义一个自定义事件并明确触发它.

谢谢!

Answer 1

在你的代码中尝试:

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

这将触发单击的一个元素上的onAnswerChange.