停止点击工作内部元素

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"); 
});