刷新JavaScript后加载ajax

问题描述:

晚上好, 我导入的方法加载不同的形式,当提交时发生变化,不幸的是,使用ajax后没有用javascript记录元素,我找到了我的prolet的答案,但我不能弥补它在广场...刷新JavaScript后加载ajax

我的test.php文件只是返回一个文本& submite输入一个形式^^ 谢谢!

$("#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>

目前还不清楚对我有什么问题你问,但如果你说你的事件侦听器或选择不前的工作/由于页面加载HTML后的变化,那么你可以在你这样的选择:

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

这里的区别是,通过即使内容加载后应用监听到文件随后事件监听无线我仍然会按预期工作。

您会希望将此JavaScript代码放置在仅加载文档一次(也许最初)的位置,以便事件侦听器不会连接两次。