添加元素與類，然後觸發點擊功能元素

Question

這裏上是代碼：http://jsfiddle.net/xcmtD/2/

我創建一個動態表，並添加行，我點擊一個按鈕。其中一個字段有一個「刪除」類。

我想使用該字段刪除行，如果用戶點擊它，但它不起作用，我不知道爲什麼。

HTML：

<table id="table"> 
    <tr><td>Row 1</td><td class='remove'>Row 2</td></tr> 
</table> 

<input type="button" id="button" value="add"> 

的JavaScript（jQuery的）：

$("#button").click(function(){ 
    $("#table").append("<tr><td>Added</td><td class='remove'>Remove</td></tr>"); 
}); 

$(".remove").click(function(){ 
    alert("Removed!"); 
}); 

Answer 1

這是因爲當你做了綁定，該元素尚不存在。

使用代表團，以使選擇是動態的點擊測試：

$('#table').on('click', '.remove', function(){ 
    alert("Removed!"); 
}); 

Answer 2

請務必檢查庫進行委派。 直到jQuery的1.7.3功能將

$('#table').live('click', '.remove', function(){ 
    alert("Removed!"); 
}); 

是

$('#table').live('click', '.remove', function(){ 
    alert("Removed!"); 
});