Проблема с функцией jQuery click

Question

У меня возникли проблемы с применением помощников событий jquery к селекторам, которые были добавлены. У меня есть этот код:

$('<input/>').attr({ id: 'submitbtn', type: 'submit', value: 'Click me' }).appendTo('form');

Теперь, когда я пытаюсь использовать функцию щелчка на этой добавленной кнопке отправки, ничего не происходит

$('input#submitbtn').click(function() { // code here });

Хотя он работает нормально, если этот элемент был чистый HTML. Как я могу сделать эту работу? Любая помощь приветствуется.

Заранее спасибо!

Answer 1

Вы должны использовать живые события:

$('input#submitbtn').live('click', function(e) {
    /* code here */
})

Регулярные события связаны только с элементами, которые существуют в то время, когда событие связано.

PS: Я надеюсь, что вы создаете только одну кнопку. Идентификаторы должны быть уникальными - вещи обычно ломаются, если это не так. Если вы планируете создать несколько кнопок, используйте классы вместо идентификаторов и . вместо # в селекторе.