JQuery письменность кнопка ввода добавить

Question

Я пишу кнопку ввода с помощью следующего кода:

$("#QnA").append("<input type='button' name='questionSub' value='Save'/>"); 

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

$('input[name=questionSub]').click(function() { 
    alert('hi'); 
}); 

Это не работает для меня. Есть идеи?

Answer 1

Вы должны использовать живой метод JQuery для вновь созданных элементов

$('input[name=questionSub]').live("click", function() { 
    alert('hi'); 
}); 

Answer 2

It works for me. (jsFiddle Example)

Просто убедитесь, что вы вызываете функцию щелчка после того, как вы приложили кнопку input.

---

Edit:
Вам нужно использовать только live() если вы хотите, чтобы связать функцию щелчка, прежде чем добавить вход, так как жить() присоединит обработчик события для всех элементов, которые соответствуют текущему селектор , теперь или в будущем.

jsFiddle Example

Answer 3

Вы можете только связать событие элемента после того, как элемент был создан для того, чтобы убедиться, что щелчок происходит привязка после добавления ввода.

Answer 4

Вы можете прикрепить обработчик щелчка при ее создании, как это:

$("<input type='button' name='questionSub' value='Save'/>").click(function() { 
    alert('hi'); 
}).appendTo("#QnA");