jQuery lier à soumettre le formulaire ne fonctionne pas

J'ai un formulaire comme ceci:

<form class="category_form" id="category_form" method="post">
<p class="ui-widget">
    <label for="birds">Birds: </label> 
    <input id="birds" /> <a id="add_category" href="#">Add Category</a>
</p>

<p class="ui-widget" style="margin-top:2em; font-family:Arial">
    Result:
    <textarea id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></textarea>
</p>

<p>
    <input type="submit" class="button" value="Add">
</p>
</form>

et j'ai un jQuery lier la fonction comme ceci:

$('#category_form').bind('submit',function()
{
    //Get the variables

    alert ("hello");

    return false;
});

Ce que je voulais faire passer est à chaque fois présenter bouton est enfoncé, la fonction jQuery aurait le feu et l'alerte qui allait se passer, mais pour quelque raison il ne fonctionne pas comme je l'aurais cru.

L'exemple vivant est sur cette page de test: http://problemio.com/test.php

Aucune idée pourquoi appuyant sur le bouton ajouter n'est pas de faire de la ci-dessus jQuery travail?

Merci!!

essayez de .live() au lieu de .lier

OriginalL'auteur GeekedOut | 2011-10-28

  1. 15

    votre liaison doit être enveloppé dans $(document).ready ou il tente de lier le formulaire avant de le formulaire existe sur la page:

    $(document).ready(function(){
    $('#category_form').bind('submit',function(){
        ...
    });
});
    qui a fait le tour, je vous remercie!! Je suis nouveau sur jQuery. Le système va me permettre d'accepter la réponse en 8 min et je vais accepter ensuite.

    OriginalL'auteur Will