不是jquery點擊功能

Question

我想設置display：none;上一個ID，但只有當你點擊ID本身，而不是IMG在ID

$(":not('#lightbox img'),#lightbox").click(function() { 
     $("#lightbox").css("display", "none"); 
    }); 

有人可以告訴我怎麼TE得到這個工作？

Answer 1

如果你點擊ID本身

然後使用Event對象的target財產一樣

$("#lightbox").click(function(e) { 
     if(e.target.tagName != 'IMG'){ 
      $("#lightbox").css("display", "none"); 
     } 
    }); 

更新只

，檢查target的id

$("#lightbox").click(function(e) { 
      if(e.target.id == 'lightbox'){ 
       $("#lightbox").css("display", "none"); 
      } 
     }); 

Answer 2

做它，就像你寫的，但改變的第一行：

$('#lightbox').find("*").add("#lightbox").click(function (event) { 
    $(this).is('img') ? event.stopPropagation() : $("#lightbox").css("display","none");});