javascript - jQuery .bind 或 .on 不会绑定到新记录

Question

我有一个按钮可以在 div 中创建新记录，每个记录旁边有一个关闭按钮来删除它们。

删除按钮将删除随页面加载的记录。但不适用于新的 .append 记录。

我不明白为什么 .click 事件不会绑定到新记录。

这是一个 jsFiddle 示例http://jsfiddle.net/ukkpower/kqxsL/1/

谁能看到我做错了什么？

Answer 1

尝试这个：

$(document).on('click','.cart-popup__del',function()
{
    $(this).closest('.cart-popup__list-wrap').remove();

    return false;
});

演示

Answer 2

您不能将.click事件用于动态添加的内容，.on而是使用它，它是一个实时事件

$("recordWrapper").on("click","#closeButton",function(){
    $(this).parent().remove();
});

Answer 3

$(".cart-popup__list-wrap").on('click',".cart-popup__del", function() {