jQuery忽略父項？

Question

我有一個簡單的HTML，其中包含了一些HTML和刪除鏈接一個div：

<div class="item"> 
I am a text this section can contain a lot of html and stuff... 
<a class="del_button" href="#">Delete</a> 
</div> 

這裏是jQuery的部分：

$(".item").click(function(){ 
alert("Item clicked"); 
}); 

$(".del_button").click(function(){ 
alert("DELETE clicked"); 
}); 

如果我點擊「刪除」鏈接，二顯示消息框，「點擊項目」和「刪除點擊」 - 如果我點擊刪除按鈕，如何禁用「項目點擊」警報？

Answer 1

http://api.jquery.com/event.stopPropagation/

說明：冒泡DOM樹， 防止任何父處理程序被通知的事件阻止事件。

$(".del_button").click(function(e){ 
    alert("DELETE clicked"); 
    e.stopPropagation(); 
}); 

Answer 2

$(".del_button").click(function(e){ 

alert("DELETE clicked"); 
    e.stopPropagation(); 

}); 

你可以從這裏http://jsfiddle.net/tqT2u/

[jQuery的停止孩子觸發父事件（的