jQuery - Cliquez sur l'événement sur div mais pas sur la case

Question

J'essaie de configurer un événement click sur un div, et je voudrais que cet événement se déclenche si ce div est cliqué n'importe où sauf une case à cocher dans le div. Si la case est cochée, je ne veux pas déclencher l'événement click de div. Je configure un événement click sur la case à cocher et renvoie false, ce qui arrête l'événement click de div, mais ne permet pas non plus de cocher la case. Voici ce que j'ai maintenant:

$('.theDiv').click(function() { 
    // Click event for the div, I'm slide toggling something 
    $('.sub-div', $(this)).slideToggle(); 
}); 

$('.checkboxInTheDiv').click(function() { 
    // Do stuff for the checkbox click, but dont fire event above 
    return false; // returning false won't check/uncheck the box when clicked 
}) 

Answer 1

Au lieu de retourner false, ce qui empêche l'action par défaut, essayez d'arrêter la propagation.

$('.checkboxInTheDiv').click(function(e) { 
    e.stopPropagation(); 
    ... other stuff... 
    return true; 
}); 

Answer 2

Vous aurez besoin de regarder l'objet event passé dans le gestionnaire de clic et voir quel type il est. Regardez la documentation Event.Type pour plus d'informations.

function handler(event) { 
    var $target = $(event.target); 
    if($target.is("li")) { 
    $target.children().toggle(); 
    } 
} 

$("ul").click(handler).find("li > ").h 

Note: le code copié à partir d'URL lié.

Answer 3

Essayez simple return;