如果點擊，然後如果點擊嵌套div

Question

我不太確定如何點擊一個div，顯示您點擊父母后？ 有意義嗎？

這是一個示例代碼片段。

$('.item').bind('click', function(e){ 
var showme = $(this).find(".itemcontrols"); 
$(showme).toggle(); 
}); 

$('#add').bind('click', function(e){ 
alert(); 
});  

<div class="item ui-state-default"> 
    <div class="itemcontrols" style="display: block;"> 
     <div id="add">add</div> 
     <div id="full">full</div> 
     <div id="del">del</div> 
    </div> 
</div> 

.item{display:none;} 

Answer 1

您可以添加一個.itemcontrol類的.itemcontrols孩子。

<div class="item ui-state-default"> 
    <div class="itemcontrols"> 
    ... 
    <div id="add" class="itemcontrol">add</div> 
    ... 
    </div> 
</div>​ 

並採用.stopPropagation()功能停止所有.itemcontrol元件的傳播。

$('.itemcontrols .itemcontrol').on('click', function(e) { 
    e.stopPropagation(); 
});​ 

除了這個，我會建議你使用.on綁定的事件，這是目前推薦的方式。

$('.item').on('click', function(e) { 
    $(".itemcontrols", this).toggle(); 
}); 

$('.itemcontrols .itemcontrol').on('click', function(evt) { 
    evt.stopPropagation(); 
});​ 

See it live here.