2017-08-26 138 views
0

晚上好, 我導入的方法加載不同的形式,當提交時發生變化,不幸的是,使用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>

回答

0

目前還不清楚對我有什麼問題你問,但如果你說你的事件偵聽器或選擇不前的工作/由於頁面加載HTML後的變化,那麼你可以在你這樣的選擇:

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

這裏的區別是,通過即使內容加載後應用監聽到文件隨後事件監聽無線我仍然會按預期工作。

您會希望將此JavaScript代碼放置在僅加載文檔一次(也許最初)的位置,以便事件偵聽器不會連接兩次。