jQuery Event-Handler nicht

Question

Arbeits Ich kann ein jquery Event zu diesem Element wie binden:

<script type="text/javascript"> 
$('#new_key').ready(function() { 
alert('Handler for .submit() called.'); 
return false; 
}); 

Es als

erwartet funktioniert, aber wenn ich tun:

<script type="text/javascript"> 
$('#new_key').submit(function() { 
    alert('Handler for .submit() called.'); 
    return false; 
}); 

es funktioniert nicht. Weiß jemand warum? Was vermisse ich?

Answer 1

Sie tun müssen:

$(function() { //equal to $(document).ready() { 
    $('#new_key').submit(function() { 
    alert('Handler for .submit() called.'); 
    return false; 
    }); 
}); 

Die Form nicht bereit sein kann gebunden zu sein, wenn Sie anrufen, damit Sie es wickeln müssen auszuführen und den Handler rig, wenn das Dokument fertig gestellt ist .

Answer 2

$.ready(), falls verwendet, sollte auf dem Dokument verwendet werden, um anzuzeigen, dass das DOM vollständig geladen wurde.

$(document).ready(function(){ 

    $("#new_key").submit(function(e){ 
    e.preventDefault(); 
    alert("Submit called!"); 
    }); 

});​ 

Online Demo: http://jsbin.com/ojaqo3/edit