在单击上一个按钮后创建的按钮上激活单击功能答案

【问题标题】：activate click feature on button created after click of previous button在单击上一个按钮后创建的按钮上激活单击功能
【发布时间】：2013-09-17 11:39:48
【问题描述】：

我正在创建一个应用程序，其中网页中有一个按钮。class= "button"

单击按钮后，将创建同一个类的另一个按钮。现在我希望在单击时对新创建的按钮应用相同的功能。但它没有发生。

$('.button').click(function(){
var temp = '<input type="button" class="button" />'
$('#form').append(temp);
})

此功能适用于页面加载时创建的第一个按钮。但这不适用于单击前一个按钮后创建的按钮。如何解决这个问题？请帮忙

【问题讨论】：

【解决方案1】：

问题是因为事件是在加载 DOM 时附加的。因此，在该点之后添加的任何元素都没有事件。解决方法是使用委托事件处理程序，如下所示：

$('#form').on('click', '.button', function(){
    var temp = '<input type="button" class="button" />'
    $('#form').append(temp);
})

【讨论】：