Jquery ne fonctionne pas sur une "loaded" page

Bonjour,

J'ai une page "dashboard.php"
Cette page comporte une div appelée : "<div class="showLoadPages"></div>
Cette balise permet de chargé les pages de la manière suivante :

Code:

---

1 2 3 4

$(document).ready(function () { var url = "forms.php?ID=" + data + "&ID1=1"; $('.showLoadPages').load(url); });

---

La page "forms.php" contient elle-même un code jquery qui ne fonctionne pas. Lorsque je soumets le formulaire en cliquant sur le bouton de soumission, je n'ai pas de réponse.

Code:

---

1 2 3 4 5 6

$(document).ready(function () { $(".submitForm").click(function(e){ e.preventDefault(); alert("submitForm"); }); });

---

Pourquoi jquery ne fonctionne pas sur la page chargée ?

Merci de m'aider.

Bonjour,

Puisque l'alert ne se déclenche pas, ceci dit que l'élément ayant la classe .submitForm (c'est un bouton de type submit ou bien normal?) n'existe pas ou n'a pas encore été chargé et donc l'écouteur de clic est appliqué sur un élément indéfini.

Essaies de passer par délégation et utiliser son parent static

Code:

---

1 2 3

$(".showLoadPages").on("click",".submitForm",function(e){ //le code ici ... });

---

Sinon et si le bouton est de type submit, il vaut mieux attacher l'écouteur de submit au <form> et pas au bouton.

Code:

---

1 2 3

$(".showLoadPages").on("submit",".class du formulaire / ou #id",function(e){ //le code ici ... });

---