Question

E.g：

我的HTML代码结构是：

<ul>
  <li class="container_event_click">
    <div class="child_event_click">click fired but doesn't want to trigger container's event</div>
  </li>
</ul>

我的意思是：container LI有自己的click event。就像selected or not一样。而child div有自己的click event就像显示容器的信息一样。但我的问题是当我点击the child's event it also trigger the container's event时。那么，我该如何解决这个问题。

非常感谢!!

Answer 1

   $('#child').click(function(event){
       event.stopPropagation();        
   });

    $("div").delegate("", "click", function(e){
       e.stopPropagation();
       alert('test');
    });

这是一个有用的链接：

http://jsfiddle.net/MN5KK/1/

Answer 2

$('.child_event_click').click(function(e) {
    e.stopPropagation();
    ...
});

如何在JQuery中触发子事件时阻止触发器容器的事件？

2 个答案: