2017-08-26 11 views
0

おはよう、 提出時に変更されるメソッドの読み方が異なるフォームをインポートしていますが、残念ながらajaxの使用後に要素がjavascriptによって記録されないため、私のプロットに対する回答が見つかりましたが、正方形で修復してください...load ajaxの後にJavaScriptをリフレッシュ

私のtest.phpファイルは、単に&サブミット入力をフォームに返します。^^ ありがとう!

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

ここでの違いであっても、コンテンツをロードした後、その後文書にリスナーを適用することで、イベントリスナーのwi期待どおりに動作します。

このJavaScriptコードは、ドキュメントで一度だけ読み込まれた場所に配置することをお勧めします。最初は、イベントリスナーが2回追加されないようにします。

関連する問題