JQUERY, obtenir deux BINDs/Clics pour jouer sympa ensemble?

Question

J'ai la ligne de code suivante:

<li id="1" class=" "> 
<a href="">Parking Lot</a> 
<span id="1" class="list-edit">edit</span> 
</li> 

J'ai alors deux binds:

$("#lists li").click(function(){....... 

$(".list-edit").click(function(){......... 

Le problème que je vais avoir est que je besoin de la LI pour contenir la durée EDIT en raison du style CSS raisons, j'ai un grand fond bleu. Mais cela m'empêche de lier l'EDIT btn. Y a-t-il un moyen de faire en sorte que ces deux-là jouent bien?

Thxs

Answer 1

Vous pouvez utiliser event.stopPropagation pour empêcher le gestionnaire de clic attaché à la LI mère de tir lorsque la durée d'édition est cliqué (si c'est ce que vous entendez):

$(".list-edit").click(function(e){ 
    e.stopPropagation(); 
    // do stuff 
});