Блог

У меня есть такая форма:

 <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>
 

и у меня есть функция привязки jQuery, подобная этой:

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

    alert ("hello");

    return false;
});
 

Чего я хотел, так это чтобы при каждом нажатии кнопки отправки срабатывала функция jQuery и появлялось предупреждение, но по какой-то причине оно работает не так, как я думал.

Живой пример находится на этой тестовой странице: http://problemio.com/test.php

Есть идеи, почему нажатие кнопки добавить не приводит к тому, что приведенный выше jQuery не работает?

Спасибо!!

ваша привязка должна быть завернута, $(document).ready или она пытается привязать форму до того, как форма появится на странице:

 $(document).ready(function(){
    $('#category_form').bind('submit',function(){
        ...
    });
});