jQuery 单击 function 在附加按钮上不起作用

Question

我有这个。append function 为每个元素生成一个按钮：

.append('<button type="button" id="add">Hinzufügen</button>')

然后我有这个 function 当我点击上面的按钮时它应该做一些事情。 function 适用于未“附加”的按钮。

$(document).ready(function () {
   $("#add").on("click", function () {
      alert("Test");
    });   
});

有谁知道，为什么这不起作用？

Answer 1

在文档准备好之前，无法安全地操作页面。 jQuery检测到这个 state 准备就绪并允许您使用ready() 。 $( document ).ready()中包含的代码只会在Document Object Model (DOM) 准备好执行 JavaScript 代码后运行。

执行此代码后，您可能正在附加按钮。

您可能应该解决的另一个问题是使 id 的属性独一无二。

更多关于ready()的信息