jQuery创建了Class而不是DOM功能

Question

这是一个jsFiddle测试 - ＆gt; http://jsfiddle.net/rTXkM/

我有一个按钮，可以在我的表格中添加一个表格行：

var x = "<tr><td><button class='del'> - </button></td></tr>";
$('#mytable').append(x);

我还有一个按类操作的jQuery函数：

$('.del').click(function() {
   ......................
   ......................
   ......................
});

然而，'del'类点击功能对DOM创建的元素不起作用......有人可以帮忙吗？

jsFiddle - ＆gt; http://jsfiddle.net/rTXkM/

Answer 1

您需要像$(document).on('click','.del',function() {

这样进行委托

演示here

因为在运行侦听器时（.del函数内），.ready()元素不存在，所以元素没有附加事件。因此，您需要委托之前的某些内容才能捕获该元素的单击。

您可以在jQuery的文档中阅读更多内容： .on()

Answer 2

使用

$(document).on("click", '.del', function() {
   alert('I work now');
}

它会起作用。 jQuery Documentation