Comment lier un événement click aux éléments dom créés dans une boucle jQuery $ .each? semble seulement être lié au dernier élément!

Question

Considérons le code suivant, en théorie l'événement click doit se lier à chaque élément mais pour une raison quelconque (à mon insu) il se liera uniquement au dernier lien. Quelqu'un a-t-il une idée?

$.each(data, function(i,aitem){ 
linkid = 'address'+i;     
$("#SearchResults").html($("#SearchResults").html()+'<p><a id="'+linkid+'" href="#">'+ aitem.Address +'</a></p>');      
$('#'+linkid).bind("click", function(){ 
    otherfunction(i); 
    return false; 
}); 

});

Answer 1

essayer:

var linkid = ...; 
var link = $("<a></a>").attr('id', linkid).attr('href', '#').text(aItem.Address).click(function(){ alert('ran'); return false; }); 


$('#SearchResults').append(link.wrap("<p></p>")); 

L'idée étant que vous voulez lier votre événement de clic pour chaque lien que vous créez, donc la chaîne juste à la fin de votre code de création, et être explicite à ce sujet.

Espérons que cela aide.

Answer 2

Qu'en est-il de l'ajout d'un clic-événement en direct?

$("a[id^=address]").live("click", function() { 
    alert("ran"); 
    var value = $(this).attr("id").substr(7); 
    myFunction(value); 
    return false; 
}); 

devrait ajouter un événement de clic à tous les liens (:

modifier: pourboire inclus de Darin ...

Answer 3

c'est un problème commun avec les gens qui sont nouveaux à la fermeture.

la bonne solution serait de le faire:

$.each(data, function(i,aitem){ 

    linkid = 'address'+i;         
    $("#SearchResults").html($("#SearchResults").html()+'<p><a id="'+linkid+'" href="#">'+ aitem.Address +'</a></p>');           
    $('#'+linkid).bind("click", function(){ 
    (function(i){ 
     otherfunction(i); 
     return false; 
    }(i)); 
    }); 


});