2011-04-12 5 views
0

例: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 LIselected or notのように、独自のclick event .Justを持っている.AND child divはcontainer.Butの独自のclick eventショーのような何か情報を持っています私の問題は、the child's event it also trigger the container's eventをクリックしたときです。だから、どうすればこの問題を解決できますか?

ありがとうございます!

答えて

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

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

ここで働きリンクです:

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

+0

しかし、それは)(のDelegatでは動作しませんので、悲しい!!。 – qinHaiXiang

+0

それはデリゲートで動作しません、私は自分の投稿を編集しました。 – Headshota

+0

素晴らしいです。どうもありがとうございました!! – qinHaiXiang

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