如何阻止孩子传播由live/delegate listener触发的事件？

Question

我有一个委托父母,用于监听具有特定类的一组子项中的单击事件.

$(".toggle_group").on("click",".toggle",function(e){ .. });

所以这是一个html的例子

<div class='toggle_group'>
  <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a>
  <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a>
  <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a>
  <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a>
</div>

问题是,孩子们a.toggle将事件传播给父母,当它不应该触发处理程序时.根据jQuery文档,您无法在实时/委派事件侦听器上停止事件传播.

如何阻止a.toggle的子子项传播到父项？或者在某些情况下允许它？

你看到内部div .toggle应该是一个下拉菜单.只有当您单击切换链接时,它才会在您单击菜单时切换...

Answer 1

检查此页面中的评论,至少有一些声称找到了解决方法.http://api.jquery.com/event.stopPropagation/

从线程复制评论以供将来参考:

MikeW:解决.live()事件传播问题.动态创建的节点在父节点收到之后才会收到该事件.这将导致funkyness和stopPropagation和preventDefault将无法解决此问题.要修复:添加行

if(event.target!= this){return true; }

到父节点事件处理程序的顶部.这将在事件实际发送到子节点时停止触发父事件,并且(与return false不同)将事件传播到目标节点.