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

Question

我正在创建一个应用程序，其中webpage.class =“button”中有一个按钮

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

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

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

Answer 1

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

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