Bir tıklama etkinliğinin belirli bir öğenin içinde mi patladığını belirlemek için jQuery'yi nasıl kullanabilirim?

Question

Bir blogu canlandırmak için aşağıdaki kodu kullanıyorum. Benim kodumda,, halihazırda görünür durumda ise, belirtilen seçiciyle 'u gizler.

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

: bildiğim kadarıyla söyleyebilirim, bu kod böyle bir şey olmazdı -

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

Ben kullanıcı #container bir çocuğun tıkladım ve eğer öyleyse, return false; olmadığını belirlemek gerekir

Herhangi bir düşünce?

Answer 1

en basit şey olurdu:

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

bunu bir hedefin çocuk (veya hedef olmayan) konteyneri var olmadığını tespit etmek için yapabilir farklı seçenek vardır; bu sadece bir tane. Alternatif: Tıklama veya #container kökenli eğer eylemi önleyebilir

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

Answer 2

böyle: o #container kendisinden geldiyse

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

ilk onay İkincisi ise 'dir, bir çocuktan geldi, bu #container .

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