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

Question

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

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

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

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

score 1 · Accepted Answer

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

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

1 回答 1