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()的信息