如何將jquery事件僅附加到外部div？

Question

我正在研究jQuery燈箱。它工作的很好，但我想添加另一個功能：當週圍的「dimmer」，div被點擊時，我希望盒子關閉，但當主要的時候不會。

爲了澄清，我有兩個div：div A和​​div B. Div A具有半透明背景圖像，並覆蓋整個屏幕（絕對定位）。 Div B較小，並在div A（也絕對定位）內部，並具有燈箱的主要內容。是否有可能附加一個點擊事件的div A（外部）不是如果div B（內部的）被點擊時觸發？

謝謝！

Answer 1

的最佳方式實現那是...

$('#your-light-box').click(function(event) { 
    event.stopPropagation(); 
}); 

$(document).click(function() { 
    closeLightbox(); 
}); 

Answer 2

在div B的單擊事件中，返回false。這將確保該事件不會冒泡和觸發父元素的點擊（DIV A）

即使你不這樣做的股利B的點擊什麼，只是返回false

$("#divB").click(function(){ 
    return false; 
});