L'événement Jquery Click de <a> tag ajouté lors de l'exécution ne se déclenche pas

Question

J'ajoute une balise lors de l'exécution en utilisant jquery. Je veux déclencher l'événement click de cette balise, mais elle ne se déclenche pas.

J'ai déjà essayé

$('#add').bind('click', function(e) { 

e.preventDefault(); 
    alert('hello'); 

}); 

, mais rien ne se passe.

Answer 1

Vous devez lier l'aide .live() Méthode

$('#add').live('click', function(e) { 
    e.preventDefault(); 
    alert('hello'); 
}); 

Le .live() est en mesure d'affecter des éléments qui n'ont pas encore été ajoutés au DOM par l'utilisation de la délégation de l'événement.

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

Answer 2

Peut-être que vous devriez utiliser un XHTML valide:

<a id="add" class="add" href="#">Test</a> 

Et dans le jQuery:

$('#add').live('click', function(e) { 
    e.preventDefault(); 
    alert('hello'); 
}); 

Answer 3

après jquery 1,7

$('document').on("click",'#step', function() { 
       console.log("Clicking step"); 
});