Jak używać jQuery do określania, czy zdarzenie kliknięcia jest uruchamiane w określonym elemencie?

Question

Korzystam z następującego kodu do animowania bloku. W moim kodzie div_animate() zasadniczo ukrywa <div> z określonym selektorem, jeśli jest on obecnie widoczny.

$(document).click(function(event){ 
    div_animate("#container"); 
}); 

muszę ustalić, czy użytkownik kliknął na dziecko #container a jeśli tak, return false; - o ile mogę powiedzieć, kod za to będzie wyglądać mniej więcej tak:

$(document).click(function(event){ 
    if (/* the event's target has a parent of #container */) { 
     return false; 
    } else { 
     div_animate("#container"); 
    } 
}); 

Jakieś myśli?

Answer 1

Najprostszą rzeczą byłoby:

if ($(event.target).is('#container *, #container')) // edited - thanks @gnarf 
    // is a child 
else 
    // is not a child 

Istnieją różne możliwości wyboru można dokonać za wykrywanie, czy jest to dziecko z tarczy (lub non-target) pojemnik; to tylko jeden. Alternatywą:

if ($(event.target).closest('#container').length) 

Answer 2

Można uniemożliwić działanie jeśli kliknięcie pochodzi lub w #container, tak:

$(document).click(function(event){ 
    var c = $("#container")[0]; 
    if (event.target == c || $.contains(c, event.target)) { 
     return false; 
    } else { 
     div_animate("#container"); 
    } 
}); 

Pierwsza kontrola jest, jeśli chodzi od samego #container, drugi jest, jeśli to pochodził od dziecka, które ma #container$.contains(). Zupełnie alternatywa, prostszym sposobem jest po prostu uniknąć bańki do document po kliknięciu na #container, tak:

$("#container").click(function(e) { 
    e.stopPropagation(); 
}); 
$(document).click(function() { 
    div_animate("#container"); 
});