javascript - 单击两个嵌套的

Question

美好的一天。我已经从高处和低处寻找过。什么也没找到。

我有这样的结构:

<ul class='c1'>
  <li>
AAA
    <ul class='c2'>
      <li>
BBB
      </li>
    </ul>
  </li>
</ul>

和 jquery 处理程序:

$('.c1>li').bind('dblclick',function() {
    alert('a')
});
$('.c2>li').bind('dblclick',function() {
    alert('b')
});

但是当我单击 C2 的 li 时，我会收到两条消息，而不仅仅是“b”。 event.stopPropagation() 无法解决问题

谢谢。

Answer 1

您还需要使用事件作为函数中的参数以与 stopPropagation 一起使用:

$('.c2>li').bind('dblclick',function(event) {
   event.stopPropagation() 
   alert('b')
});

Working Demo