フォームの送信イベントが発生しないのはなぜですか（jQuery）？

Question

私はそうのような形+レイアウトを持っている：

<form ...> 
    <div id="editor"> 
     [form html] 
     <input type="submit" value="Submit form" /> 
    </div> 
</form> 

そして、次のjavascript：

$(function() { 
    var form = $('#editor').parents('form'); 
    alert(form.length); // this alerts "1" 
    $(document).on('submit', 'form', function() { 
     alert('document form submit fired'); // this works as expected (alerts) 
    }); 
    form.on('submit', function() { 
     alert('selected form submit fired'); // this is never alerted 
    }); 
}); 

このフォームは、AJAXを介してロードされていません。ページが読み込まれると、最初のダイアログに "1"が表示されます。ただし、フォームを送信するときは、1つのアラートだけが起動されます。アラートは、ドキュメント内のすべてのフォームに対して送信されます。

なぜこれが起こりますか？

Answer 1

It does work。 2番目のアラートが発射されないようにする何かが起こっています。

Answer 2

フォームセレクタが間違っています。

試してみて、何がjavascriptの

を通じてAJAXを介して、または動的にロードされていない場合、これは実際に

を動作するはずですあなただけ

$("form").submit(function() { 

を行うことができますかなり確信してこの

$("form").on('submit', function() { 

を行います

EDIT

スクラッチmy上記。フォームの価値を設定しているのを見ていませんでした。 http://jsfiddle.net/s3fvM/1/をチェックしてください。私にうまく働いているようだ。どちらも発砲と警告しています。