événement click jquery casse-tête

Question

Ceci est un message de répétition avec plus d'info ...

Je crée un groupe de balises dynamiquement, en les ajoutant à ajouter ensuite un gestionnaire de clic ...

$(document).ready(function(){ 
    // ... code to append <a> tags to nav div   
    $("#nav a").click(function(event){ 
     alert('Clicked '+event.target.id); 
     return false; 
    }); 
}); 

Si j'ai 10 tags à la suite de cela et que je clique sur le premier, j'ai 10 alertes (TEN!) - mais elles affichent toutes l'identifiant de la balise sur laquelle j'ai cliqué.

(Si je clique sur le 5ème étiquette, eh oui, je reçois 5 alertes - le tout avec l'id du 5ème étiquette ...)

Qu'est-ce qui se passe ici? Est-ce parce que j'ai créé dynamiquement les tags? Y a-t-il un moyen de l'éviter?

Voici le code qui crée les balises d'un

$(document).ready(function(){ 
    $.get('_7day-M2.5.xml', {}, function(xml){ 
    $(xml).find('entry').each(function(i){ 
     $('#nav').append('<a href="#" id="'+i+'">'+$(this).find("title").text()+"</a><br/>"); 
    }); 
    }); 
}); 

sortie Firebug ne révèle rien regarder bizarre.

Une idée de ce qui se passe ici?

Merci

Answer 1

Essayez d'utiliser $ ("# nav> un") comme sélecteur au lieu de $ ("# nav a"). Si cela ne fonctionne pas, alors assurez-vous que vous liez l'événement click en dehors des boucles que vous pourriez avoir. Par exemple, si vous avez votre événement de clic lié à l'intérieur du $ .each() que vous avez lors de la création des balises d'ancrage, il va créer plus d'un événement de clic.