jquery .on（）送信イベント

に問題があり.on()ます。複数のフォーム要素（のあるフォームclass="remember"）があり、form.rememberAJAXを使用して別のフォーム要素も追加しています。したがって、次のような送信イベントを処理する必要があります。

$('form.remember').on('submit',function(){...}) 

ただし、AJAXで追加されたフォームは機能しません。

問題はどこだ？バグですか？

イベントをドキュメントレベルに委任する必要があります

$(document).on('submit','form.remember',function(){
   // code
});

$('form.remember').on('submit'と同じよう$('form.remember').submit(に機能しますが、使用すると$(document).on('submit','form.remember'、後で追加されるDOMでも機能します。

同じ症状で問題が発生しました。私の場合、送信機能に「return」ステートメントがないことがわかりました。

例えば：

 $("#id_form").on("submit", function(){
   //Code: Action (like ajax...)
   return false;
 })

ここでの問題は、「オン」が同時に存在するすべての要素に適用されることです。要素を動的に作成する場合は、再度onを実行する必要があります。

$('form').on('submit',doFormStuff);

createNewForm();

// re-attach to all forms
$('form').off('submit').on('submit',doFormStuff);

フォームには通常名前またはIDがあるため、新しいフォームに添付することもできます。動的なものをたくさん作成している場合は、セットアップまたはバインド関数を含めます。

function bindItems(){
    $('form').off('submit').on('submit',doFormStuff); 
    $('button').off('click').on('click',doButtonStuff);
}   

そのため、何かを作成するときはいつも（私の場合はボタン）、bindItemsを呼び出してページ上のすべてを更新します。

createNewButton();
bindItems();

'body'やdocument要素を使うのは好きではありません。タブやモーダルを使うと、ぶらぶらして予期しないことをする傾向があるからです。シンプルな1ページのプロジェクトでない限り、常にできるだけ具体的にするようにしています。