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");