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

Question

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

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

jsFiddle

Answer 1

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

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

你的工作演示：jsFiddle

阅读此答案以获取更多信息。