2017-02-10 12 views
0

AJAXフォームの送信に問題があります。jQuery予期せぬAJAXフォームの送信時の更新ページ

は、私はそのようなコードの一部を持っている:ID =コンテンツフォームを作成するコード片でdivの中に入れ

$("#content").html("<form id='requestInfo'>............</form"); 

私は、コードの別の部分を持っている:私はそのフォームのデータと私のことを行うことができます提出()メソッド内のコードの実行を期待

$("#requestInfo").submit(function(event) { 
    event.preventDefault(); 
    ...code... 
}); 

が、私はのリフレッシュを取得代わりにページ。

誰かが問題になる可能性があることを知っていますか?すべてのブラウザと互換性があります。

ありがとうございます!

答えて

2

フォームを動的に作成しているため、標準イベントバインディングは機能しません。イベントの委任を使用する必要があります

$("#content").on('submit', '#requestInfo', function(evt) { 
    evt.preventDefault(); 
}); 
-1

e.preventDefault();を呼び出す必要があります。偽を返す

$("#requestInfo").submit(function(event) { 
    // Code here 
    event.preventDefault(); 
    return false; 
}); 
関連する問題