停止點擊工作內部元素

Question

我有一個覆蓋屏幕的div。在div內是另一個div，在其中，圖像被動態地放置。當用戶點擊外部div時，它會關閉，這很好。當用戶點擊圖像或內部div時，它也會關閉，如何阻止這種情況發生？我只想要它關閉，如果他們點擊外部股利。

這就是我正在使用的;我需要做些什麼才能做到這一點？

$("#black-out").click(function(){ 
    $(this).fadeOut("slow"); 
}); 

的HTML：

<div id="black-out"><div id="image-holder"></div></div> 

Answer 1

檢查，如果點擊的元素是一樣的一個事件必定會：

$("#black-out").click(function(e){ 
    if (e.target == this) $(this).fadeOut("slow"); 
});