2017-08-26 2 views
0

Bonsoir, J'importe avec la méthode load forme différente qui change quand soumettre, malheureusement les éléments ne sont pas enregistrés par javascript après l'utilisation d'ajax, j'ai trouvé des réponses à mon prolet mais je ne peux pas remédier à cela en carré ...actualiser javascript après chargement ajax

Mon fichier test.php renvoie simplement un texte & sous-entrée avec un formulaire ^^ Merci!

$("#voteform").load("test.php", { }); 
 
\t \t 
 
\t \t $(document).ready(function() { 
 
\t \t \t $("#vote").submit(function() { 
 
\t \t \t \t alert('test'); 
 
\t \t \t \t $("#voteform").load("test.php", { 
 
\t \t \t \t username: $("#username").val() 
 
\t \t \t }); 
 
\t \t \t \t return false; 
 
\t \t \t }); 
 
\t \t });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE HTML> 
 

 
<html lang="fr"> 
 
\t 
 
\t <head> 
 
\t 
 
\t \t <meta charset="utf-8"> 
 
\t \t <title>WorldCube.fr || Votes</title> 
 
\t \t <link rel="stylesheet" href="vote.css"> 
 
\t \t <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> 
 
\t \t <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
\t 
 
\t </head> 
 

 
\t <body> 
 
\t 
 
\t \t <div class="votesystem center"> 
 
\t \t \t 
 
\t \t \t <div class="votetitle"> 
 
\t \t \t 
 
\t \t \t </div> 
 
\t \t \t 
 
\t \t \t 
 
\t \t \t <div id="voteform" class="voteform"> 
 
\t \t \t \t 
 
\t \t \t </div> 
 
\t \t 
 
\t \t </div> 
 
\t </body> 
 
\t 
 
\t 
 
\t 
 
</html>

Répondre

0

On ne sait pas à moi ce que vous questionnez vous demandez, mais si vous dites que vos écouteurs d'événements ou sélecteurs ne fonctionnent pas avant/en raison des changements HTML après chargement de la page, alors vous pouvez vous un sélecteur comme celui-ci:

$(document).on("submit", "#vote", function(e){ 
    // your code here 
}); 

la différence ici est que l'auditeur en appliquant au le document alors même après le chargement du contenu, l'auditeur événement wi Je continuerai à travailler comme prévu.

Vous ne devez placer ce code JavaScript qu'une seule fois, peut-être dans un premier temps, de sorte que les écouteurs d'événement ne soient pas connectés deux fois.