首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery -如何使自定义事件只触发一次?

jQuery -如何使自定义事件只触发一次?
EN

Stack Overflow用户
提问于 2011-03-06 10:05:50
回答 3查看 5.3K关注 0票数 1

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

代码语言:javascript
运行
复制
 $(".HwRadioButton").click(function(event) {    
      //Stuff that needs to happen before custom event
        ...
     //trigger custom event             
        $(".HwRadioButton").trigger("onAnswerChange");
});

自定义事件绑定:

代码语言:javascript
运行
复制
$(document).ready(function() {
     $(".HwRadioButton").bind("onAnswerChange",function(event) {
    //custom event stuff

    });

});

问题是我有12个元素的类属性值为".HwRadioButton“。事件"onAnswerChange“被触发12次。为什么会这样呢?我甚至需要选择任何元素吗?我只想定义一个自定义事件并显式地触发它。

谢谢!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-03-06 10:08:45

在您的代码中,尝试:

代码语言:javascript
运行
复制
 $(".HwRadioButton").click(function(event) {    
      //Stuff that needs to happen before custom event
        ...
     //trigger custom event             
        $(this).trigger("onAnswerChange");
});

这将在所单击的一个元素上触发onAnswerChange。

票数 5
EN

Stack Overflow用户

发布于 2011-03-06 10:11:28

你应该像这样使用one

代码语言:javascript
运行
复制
$('.HwRadioButton').one('click', function() {
  alert('This will be displayed only once.');
});
票数 2
EN

Stack Overflow用户

发布于 2011-03-06 10:07:15

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5208157

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档