Discussion :

[tjoce05]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Toufik83]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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