如何在JQuery中触发儿童事件时防止触发容器的事件?

问题描述:

如:如何在JQuery中触发儿童事件时防止触发容器的事件?

我的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像演艺container.But的一些信息我的问题是当我点击the child's event it also trigger the container's event。那么,我该如何解决这个问题。

非常感谢!

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

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

这里有一个工作环节:

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

+0

不过,这并不与delegat()非常伤心工作!。 – qinHaiXiang 2011-04-12 11:00:35

+0

不,它与委托一起工作,我编辑了我的帖子。 – Headshota 2011-04-12 11:17:49

+0

工作很好。非常感谢你!! – qinHaiXiang 2011-04-12 13:58:10

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