Javascript jQuery.bind或.on习惯bing到新记录

Javascript jQuery.bind或.on习惯bing到新记录,javascript,jquery,Javascript,Jquery,我有一个按钮在div中创建一个新记录,在每个记录旁边有一个关闭按钮来删除它们 “删除”按钮将删除随页面加载的记录。但不适用于新的.append记录 我不明白为什么.click事件不会绑定到新记录 下面是一个JSFIDLE示例 有人知道我做错了什么吗?试试这个: $(document).on('click','.cart-popup__del',function() { $(this).closest('.cart-popup__list-wrap').remove(); ret

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

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

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

下面是一个JSFIDLE示例

有人知道我做错了什么吗?

试试这个:

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

    return false;
});

您不能使用
。单击
事件可动态添加内容,使用
。在
上,它是一个


fiddle中没有javascript您的fiddle中没有javascript,您选择了Mootools而不是jQuery。请提供更完整的小提琴。您可能使用了
。在
上,文档对事件委派的工作原理进行了很好的描述(直接和委派事件部分):.my JSFIDLE设置为jQuery 1.7.2。我之所以标记javascript,是因为它可能是我答案的解决方案,而不是jQuery问题。我不确定。fiddle链接是错误的,上面更新了,感谢它起作用,不确定使用$(文档),我想我必须放置元素的名称instead@KeithPower这会将事件附加到文档对象。当文档中出现一个点击事件时,jQuery会检查事件是否源自匹配的元素
'。cart-popup\uu del'
。如果是的话,它会调用这个函数。@Keith:这个函数很好。我建议大家花点时间,读一读,看看例子。这最终会为你节省很多时间。谢谢菲利克斯。我读了其中最好的部分,但因为它对我来说还是比较新的,所以听起来有点模糊。这里的建议给了我更多的洞察力,所以我想我会再看一遍。
$("recordWrapper").on("click","#closeButton",function(){
    $(this).parent().remove();
});
$(".cart-popup__list-wrap").on('click',".cart-popup__del", function() {