Vous voulez que JQuery ignore un clic sur un élément enfant particulier

Question

J'ai supprimé un rappel de clic sur un div que je voudrais ignorer si un utilisateur clique sur un lien à l'intérieur de ce div. La fonction ressemble à ceci:

$(".section").click(function(){ 
    if ($(this).hasClass("solid")) { 
     $(this).removeClass("solid"); 
     $(this).hover(fadeFunction, darkenFunction); 
     $(this).fadeTo(150, inactiveOpacity); 
    } 
    else { 
     $(this).addClass("solid"); 
     $(this).unbind("mouseenter"); 
     $(this).unbind("mouseleave"); 
     $(this).fadeTo(25, inactiveOpacity); 
     $(this).fadeTo(150, activeOpacity); 
    } 
}); 

J'ai essayé enroulant le if/else dans un if(!$(this).is("a)) { mais il n'y a pas de changement de comportement. Quelqu'un peut-il souligner ce que je ne comprends pas ou mal? Désolé, si c'est une question facile, je suis un débutant JQuery/css.

Answer 1

Vous pouvez vérifier si la cible d'événement est un point d'ancrage, comme celui-ci:

$(".section").click(function(e){ 
    if($(e.target).is("a")) return; 

    if ($(this).hasClass("solid")) { 
     $(this).removeClass("solid"); 
       .hover(fadeFunction, darkenFunction); 
       .fadeTo(150, inactiveOpacity); 
    } 
    else { 
     $(this).addClass("solid"); 
       .unbind("mouseenter mouseleave"); 
       .fadeTo(25, inactiveOpacity); 
       .fadeTo(150, activeOpacity); 
    } 
}); 

Answer 2

Essayez ceci:

$('a').click(function(e) { 
    e.stopPropagation(); 
}); 

Vous pouvez trouver de la documentation: http://api.jquery.com/event.stopPropagation/