jQuery trigger ('click') problème

Question

J'ai une rangée cliquable, qui déclenchera un lien onclick événement, mais trigger() provoquera un nouvel événement de clic sur tr.clickable et passera en boucle. Comment éviter cela?

<table> 
    <tr class="clickable"> 
     <td>Test row</td> 
     <td><a href="#" onclick="alert('click');" class="trigger"></a></td>   
    </tr> 
</table> 

js:

$('tr.clickable').click(function(){ 
    var trigger = $(this).find('a.trigger'); 
    trigger.trigger('click'); 
}); 

démo en direct here.

Answer 1

Ce chiffre est inférieur à l'événement bouillonnant en JavaScript. Il est un peu d'une configuration bizarre que vous avez à l'heure actuelle, mais une façon de le fixer serait d'arrêter l'événement click bouillonnant sur l'étiquette a:

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

Fiddle

Alternativement vous ne pouviez pas feu le déclencheur click si l'événement cible est le même élément:

$('tr.clickable').click(function(e){ 
    var trigger = $(this).find('a.trigger').not(e.target); 
    trigger.trigger('click'); 
}); 

Fiddle

Le meilleur moyen serait probablement la première solution, je suppose.

Answer 2

supprimer trigger.trigger('click'); et thats it :)

Answer 3

Essayez ce script

$('tr.clickable').click(function(){ 
     alert('Click'); 
}); 

en direct demo

Answer 4

Je suggère d'utiliser le paramètre d'événement, de vérifier ce qui est la cible du clic.

$('tr.clickable').click(function(e){ 
    if (e.target.nodeName != 'A') { 
    var trigger = jQuery(this).find('a.trigger'); 
    trigger.trigger('click'); 
    } 
});