我对动态创建的元素的单击操作不起作用？

Question

我正在尝试创建一个文本框列表，可以在按Tab键时创建，也可以稍后通过单击右侧的红叉来删除。对于它工作的第一个文本框，但它不适用于动态创建的元素。任何人都可以解决这个问题吗？目前我正在使用以下代码，其余的是在jsFiddle。

$(".remove").on('click', function(){
    alert('hello');
});

jsFiddle

Answer 1

尝试使用这样的委托事件：

$('.list').on("click", ".remove", function(){
   alert('hello');
});

您的工作演示：jsFiddle

阅读this answer了解详情。