jQuery的：一個生成的按鈕不趕上click事件

Question

可能重複：
Jquery adding event listeners to dynamically added elements

jQuery的位：

我追加輸入字段的一些文本到DIV ：

 shareVisual = '<div class="individual-share">' + '<input type="number" value="1" /> X ' + classname.val() + '@' + classcurrency.val() + ' ' + classprice.val() + ' per share ' + '<button type="button" class="remove-share">Remove</button></div>'; 
     listOfSharesBox.append(shareVisual); 

然後我嘗試去捕捉點擊事件：

$("#list-of-shares").bind('click', '.remove-share', function() { 
    $(".remove-share").closest("div").find(".individual-share").remove(); 
}); 

爲什麼DIV不會被刪除？

乾杯。

P.S.

當我改變我的代碼如下：

$("#list-of-shares").bind('click', '.remove-share', function() { 
    $(".remove-share").closest("div").remove(); 
}); 

的所有動態生成的投入得到專區內刪除。

Answer 1

如果您使用的jQuery 1.7手段嘗試這樣

$(".remove-share").on('click',function() { 
    $(this).closest("div").remove(); 
}); 

以其它方式使用

$(".remove-share").bind('click',function() { 
    $(this).closest("div").remove(); 
}); 

Answer 2

嘗試使用 '活' 的關鍵字與動態生成控件科佩斯：

$(".remove-share").live('click', function() { 
$(this).closest("div").remove(); 
});