jquery - jQuery 创建的类不是 DOM 功能

Question

这是一个 jsFiddle 测试 --> http://jsfiddle.net/rTXkM/

我有一个向我的表格添加表格行的按钮：

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

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

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

但是，“del”类单击功能不适用于 DOM 创建的元素...有人可以帮忙吗？

jsFiddle --> http://jsfiddle.net/rTXkM/

Answer 1

你需要像这样委托$(document).on('click','.del',function() {

演示在这里

因为.del当侦听器运行时（在您的.ready()函数内部）您的元素不存在，所以该元素没有获得附加的事件。因此，您需要委托之前存在的东西才能捕捉到对该元素的点击。

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

Answer 2

采用

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

它会起作用。 jQuery 文档