bouton d'entrée écrit jQuery append

Question

J'écris un bouton d'entrée avec le code suivant:

$("#QnA").append("<input type='button' name='questionSub' value='Save'/>"); 

Ce que je voudrais faire saisir la fonction de clic de ce nouveau bouton. Voici ce que je tentais:

$('input[name=questionSub]').click(function() { 
    alert('hi'); 
}); 

Ce ne fonctionne pas pour moi. Des idées?

Answer 1

Vous devez utiliser la méthode en direct de jQuery pour les éléments nouvellement créés

$('input[name=questionSub]').live("click", function() { 
    alert('hi'); 
}); 

Answer 2

It works for me. (jsFiddle Example)

Assurez-vous que vous appelez la fonction clic après avoir joint en annexe le bouton input.

---

Edit:
Vous ne devez utiliser live() si vous voulez lier la fonction de clic avant vous ajoutez l'entrée, car en direct() va ajouter un gestionnaire à l'événement pour tous les éléments qui correspondent au sélecteur de courant , maintenant ou dans le futur.

jsFiddle Example

Answer 3

Vous ne pouvez lier un événement à un élément après l'élément a été créé alors assurez-vous que le clic la liaison se produit après l'entrée a été ajouté.

Answer 4

Vous pouvez joindre le gestionnaire de clic lors de sa création, comme ceci:

$("<input type='button' name='questionSub' value='Save'/>").click(function() { 
    alert('hi'); 
}).appendTo("#QnA");