jQuery 1.7 .on無法正常工作

Question

我在jquery的.on上遇到了一個奇怪的問題，我有這段代碼可以向表中添加新行：

$('#converastions_list tr:first').after(append_html);

它添加的一件事是一個按鈕：

<input id="chat_98" class="answerChat  btn" value="answer" conversation-id="98" rep-email="xxx" type="button">

我正在嘗試通過以下方式檢測到對該按鈕的點擊：3

$(".answerChat").on("click",function() {
    alert("clicked");  
});

這與加載低谷PHP的按鈕一起正常工作，但與我添加低谷JS的按鈕不起作用。

我正在使用jQuery 1.7。 有人知道為什么會這樣嗎？

謝謝

Answer 1

嘗試使用.on() event Deligation方法

$('#converastions_list tr:first').on("click", ".answerChat", function() {
    alert("clicked");  
});

Answer 2

即使您使用.on（） ，也沒有使用.on()事件委托格式。

該事件應該綁定到執行腳本時dom中已經存在的元素，並且必須傳遞目標元素的選擇器作為第二個參數。

$('#converastions_list tr:first').on("click", ".answerChat", function() {
    alert("clicked");  
});

Answer 3

Use a delegate for element with class .answerChat

$(document).on("click",".answerChat",function() {
    alert("see if clicked");  
});

Answer 4

對於動態創建的元素 ，請嘗試此操作，

$(document).on("click",".answerChat",function() {
    alert("clicked");  
});

或在appending html類的內容后編寫click event ，

$('#converastions_list tr:first').after(append_html);
$(".answerChat").on("click",function() {// add after appending anserChat element
    alert("clicked");  
});