jQuery controlador de eventos que no trabaja

Question

puedo enlazar un evento jQuery a este elemento como:

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

Funciona como se esperaba

pero si lo hago:

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

no funciona. ¿Alguien sabe por qué? ¿Qué me estoy perdiendo?

Answer 1

que tiene que hacer:

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

La forma puede no estar listo para obligarse a cuando se está llamando, por lo que necesita para envolverlo para ejecutar y armar el controlador cuando el documento está listo .

Answer 2

$.ready(), si se utiliza, debe ser utilizado en el documento para indicar el DOM ha sido completamente cargado.

$(document).ready(function(){ 

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

});​ 

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