Fonction non appelée

Bonjour,

Dans un fichier js, via du Jquery, je construis des boutons de manière dynamique :

Code:

---

1 2 3 4

var $newFormLi = $ ( '<li></li>' ). append ( newForm ); var $deletePriceButton = $ ( '<button type="button" class="btn-remove" onclick="removePrice(this);">Supprimer cette durée</button>' ); $newFormLi. append ( $deletePriceButton ); $( this ) . before ( $newFormLi );

---

Sur le onclick de ces boutons, j'appelle une fonction removePrice() se trouvant dans le même fichier js :

Code:

---

onclick="removePrice(this);"

---

Code:

---

1 2 3 4 5

function removePrice(btn) {   btn.parent().remove();   }

---

Or, lorsque je clique sur un de ces boutons, j'obtiens l'erreur suivante :

Citation:

---

Uncaught ReferenceError: removePrice is not defined
at HTMLButtonElement.onclick (newPrices:1)

---

Quelqu'un aurait une idée de la source du problème?

Merci d'avance pour votre aide.

Salut,
pourquoi ne pas utiliser jQuery proprement ?
supprime l'attribut onclick du bouton et applique l'évenement clique avec jQuery

Code:

---

1 2 3 4

$('body').on('click',".btn-remove",function(){ $(this).parent().remove(); });

---

Merci beaucoup pour ton aide. J'avais tenté de le faire ainsi, cependant, pour les boutons créés avec Jquery, ça ne fonctionnait pas avec le code suivant :

Code:

---

$('.btn-remove') . on ( 'click' , function ()

---

.

Mais avec le tien, ça fonctionne ;)