在document.ready之后将jQuery附加到按钮

Question

我正在根据以下文章编写一些代码：

jQuery - Dynamically Adding Form Elements

我想要做的是在每一行上设置按钮，在按钮所在的行下方添加一个新行。

这对第一行工作正常，因为document.ready中有代码将jQuery函数附加到按钮。

但是，第二行中的按钮是动态添加的 - 如何将相同的功能附加到此动态添加按钮？

感谢。

太

Answer 1

使用函数live()，这样它会在文档准备就绪后将事件绑定到已创建的元素

Answer 2

对动态添加的对象使用live（）

而不是

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

使用

$('.button').live('click',function(){});

Binds a handler to an event (like click) for all current - and

     

未来 - 匹配的元素。也可以绑定自定义事件。

http://api.jquery.com/live/

Answer 3

来自JQuery文档...

从jQuery 1.7开始，不推荐使用.live（）方法。使用.on（）附加事件处理程序。较早版本的jQuery的用户应优先使用.delegate（）而不是.live（）。

on（）函数示例：

$（selector）.on（event，childSelector，function）