Fonction de déclenchement dans jquery?

Question

Dans ma fonction de jquery j'ai utilisé pour déclencher la fonction de clic de li et img séparément, mais malheureusement quand je clique sur l'image. fonction Cliquez pour la liste déclenche également

HTML CODE:

<li id="list_id">List_text<img src='image.jpg' id="img_id"></li> 

fonction Jquery:

 
$("#list_id").click(function(){ 
alert('List is clicked'); 
}); 

$("#img_id").click(function(){ 
alert('Image is clicked'); 
}); 

Une fois que je clique sur l'image à la fois la fonction déclenche.

* Question: * Je dois déclencher seulement cliquer fonction pour l'image une fois que je clique sur l'image et de déclencher la fonction de clic pour la liste une fois que je clique sur la liste

Answer 1

Vous devez stop the event propagation:

$("#img_id").click(function(evt){ 
    alert('Image is clicked'); 
    evt.stopPropagation(); 
}); 

Answer 2

utilisez event.stopPropagation();

 $("#img_id").click(function(){ 
      alert('Image is clicked'); 
    event.stopPropagation(); 
      }); 

Answer 3

$("#img_id").click(function(){ 
    alert('Image is clicked'); 
    return false; 
}); 

retour juste false de la fonction, qui sera prevent the event from bubbling up (entre la prévention d'autres actions par défaut, si c'est ce que vous voulez).