gestionnaire d'événements jQuery ne fonctionne pas

Question

Je peux lier un événement jquery à cet élément comme:

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

Il fonctionne comme prévu

mais si je fais:

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

ça ne marche pas. Est-ce que quelqu'un sait pourquoi? Qu'est-ce que je rate?

Answer 1

Vous devez faire:

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

Le formulaire peut ne pas être prêt à être lié quand vous appelez, vous devez l'envelopper pour exécuter et gréer le gestionnaire lorsque le document est prêt .

Answer 2

$.ready(), si utilisé, doit être utilisé sur le document pour indiquer que le DOM a été entièrement chargé.

$(document).ready(function(){ 

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

});​ 

Démo en ligne: http://jsbin.com/ojaqo3/edit