Attribuer un gestionnaire de clic aux éléments nouvellement ajoutés

Question

Comment procéder pour ajouter un gestionnaire de clic dans l'exemple suivant? Je dois l'assigner à l'élément d'ancrage nouvellement ajouté.

$.each(regions1, function(key, value) { 

    var coords = regions1[key].rel.split('-'); 
    $("#map").append("<a href='javascript:void(0)' id='"+ regions1[key].id +"' class='bullet' style='left: "+ addpx(Number(coords[0]) - rempx(settings.bulletWidthOffset)) +"; top: "+ addpx(Number(coords[1]) - rempx(settings.bulletHeightOffset)) +"'>&nbsp;</a> ") 

    //.click(function(){showPopup(regions1[key].id);}) 

}); 

Answer 1

Essayez ceci:

$.each(regions1, function(key, value) { 

    var coords = regions1[key].rel.split('-'); 

    // first, create the element 
    var element = $("<a href='javascript:void(0)' id='"+ regions1[key].id +"' class='bullet' style='left: "+ addpx(Number(coords[0]) - rempx(settings.bulletWidthOffset)) +"; top: "+ addpx(Number(coords[1]) - rempx(settings.bulletHeightOffset)) +"'>&nbsp;</a> "); 

    // then add the listener/handler 
    element.click(function(){showPopup(regions1[key].id);}) 

    // finally, append the new element to the dom. 
    $("#map").append(element); 
}); 

Answer 2

Vous souhaitez utiliser le mot-clé .live jQuery.

http://api.jquery.com/live/

$('.bullet').live('click', function() { 
    // Bound handler called. 
}); 

Cet échantillon, btw, doit rester en dehors de tout autre code de votre et placé dans le $ (document) .ready méthode jQuery. Il liera un événement click à tous les éléments qui ont une classe de "balle".