IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Jquery ne fonctionne pas sur une "loaded" page


Sujet :

jQuery

  1. #1
    Membre à l'essai
    Femme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    23
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Novembre 2013
    Messages : 23
    Points : 22
    Points
    22
    Par défaut 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 : 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.

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 427
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 427
    Points : 4 905
    Points
    4 905
    Par défaut
    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 ...
    });

Discussions similaires

  1. [KeyDown/Up] Ne fonctionne pas sur une form
    Par Hujii dans le forum Windows Forms
    Réponses: 2
    Dernier message: 30/07/2009, 10h21
  2. Réponses: 7
    Dernier message: 20/11/2008, 10h27
  3. un control JS qui ne fonctionne pas sur une FORM
    Par redabadache3 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 03/12/2007, 15h43
  4. Deploiement incomplet: application ne fonctionne pas sur une autre machine
    Par Jeannot dans le forum Installation, Déploiement et Sécurité
    Réponses: 4
    Dernier message: 21/11/2007, 18h49
  5. Fonction DISTINCT ne fonctionne pas sur une date
    Par cramouille dans le forum Access
    Réponses: 5
    Dernier message: 25/10/2006, 15h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo