javascript - Jquery 在点击类时附加按钮

Question

我有一个问题，我注意到了很多次，但仍然不明白真正的原因。

我有一个脚本，通过单击按钮 #add 附加一些 .btn 按钮。

当然要点击.btn 按钮。所以我在 append() 之后创建了一个事件:

$(".btn").on('click', function(){

    alert('clicked');

});

此功能如我所愿。当我创建一个按钮并单击它时，它会提醒我。但是当我创建多个按钮并单击其中一个时，问题就来了。它将针对我单击的按钮以及源代码中其后的类的每个按钮弹出警报。(举个例子，如果我创建了 3 个按钮，如果我点击第一个它会提醒 3 次。如果我点击第二个它会提醒两次，如果我点击最后一个它会提醒一次。)

我想这一定是关于一些我还没有很好理解的 Javascript 概念。可能是类(class)的问题？我有点迷路了。

这里有一个例子，如果你想自己看的话:https://jsfiddle.net/nmza0ae4/

提前致谢!

Answer 1

试试这个:当您将点击处理程序添加到按钮用户 $(".btn").on('click'.. 时，它会在那个时间点仅添加到可用按钮。要将点击处理程序添加到动态添加的按钮，请使用以下代码

$(document).on('click',".btn", function(){
    alert('clicked');
});