代码之家 › 专栏 › 技术社区 › Adrian Adkison

jquery命名空间事件

jquery

Adrian Adkison · 技术社区 · 14 年前

如何让一个小部件侦听其他小部件上的单击,而不侦听自身上的正常单击。例如:

var $dialogWidget = jQuery('#dialogWidget');

$dialogWidget
  .bind('click.btn1.otherWidget',doSomething)
  .bind('click.btn2.otherWidget',doSomething2)
  .bind('click.btn1.otherWidget2',doSomething3);

此代码的问题是,当我单击$dialogWidget上的任意位置时,我绑定的所有这些事件都将被触发。我想要的是这个

var $otherWidget = jQuery('#otherWidget');
var $btn1 = $otherWidget.find('a.btn1');
$btn1
    .click(function(){
        $dialogWidget.trigger('click.btn1.otherWidget');
     });

这应该是为$dialogWidget触发“click.btn1.otherWidget”事件的唯一方法。

我可以做的一件可能的事情就是黑客攻击,即任何时候我手动触发一个click事件都是使用“clicked”而不是click,但这感觉像是黑客攻击。有什么想法吗?

2 回复 | 直到 14 年前

Nick Craver 14 年前

我认为最简单的解决方案是重命名事件,使用一个没有使用的名称。在这种情况下,不要使用 click ,改为执行以下操作:

$dialogWidget
  .bind('myClick.btn1.otherWidget',doSomething)
  .bind('myClick.btn2.otherWidget',doSomething2)
  .bind('myClick.btn1.otherWidget2',doSomething3);

当你触发它时:

$dialogWidget.trigger('myClick.btn1.otherWidget');

这是 点击 完全正常 jQuery行为,在整个jQuery事件模型中都有意支持它。 Google for jQuery custom events

Sinan 14 年前

您可以在这里使用事件委托,并尝试通过 event.target 财产。

var $widgets = jQuery('.widget');
$widgets.click(function(event){
  if($(event.target).attr("id") !== "dialogWidget"){
      alert("You won't see this alert if you click on #dialogWidet");
  }
});

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前