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

activate click feature on button created after click of previous button

本文关键字：按钮 单击 功能 上一个 激活 创建      更新时间：2023-09-26

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

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

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

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

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

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