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按钮后。

---

编辑：
你只需要使用live()如果你想你追加输入之前，因为活（绑定的点击功能）将一个处理程序附加到事件对于当前选择匹配所有元素，现在是或将来。

jsFiddle Example

Answer 3

元素被创建后，所以要确保点击绑定时你只能一个事件绑定到一个元素在输入被附加后。

Answer 4

当你创建你可以附上点击处理，像这样：

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