在javascript

Question

我在main.js文件中做了一个这样的按钮：

del_btn = document.createElement("button");
del_btn.className = "btn btn-light btn-sm ";
del_btn.type = "button";
del_btn.id = "delete_btn";
del_btn.innerHTML = 'X';

，然后将其放在我的index.html页面中的<tr>中。当按钮被点击时，我想使此警报有所变化。因此，我也在main.js文件中编写了类似如下的代码。

$("#delete_btn").click(function() {
    alert("delete button clicked!!");
});

但是，当我单击ID为“ button”的按钮时，什么也没有发生。 我不知道为什么这行不通。 有谁知道为什么这不起作用？ 任何建议将不胜感激！！！

Answer 1

按照最新的jquery进行尝试

$(document).on('click', "#delete_btn", function() {
    alert("delete button clicked!!");
});

Answer 2

我假设您将delete_btn附加到文档的正确位置，例如

appendTo = document.getElementById("idToWhomeYouAppend")
appendTo.append(del_btn)

在使用计划js创建del_btn按钮时，请以相同的方式附加onclick。例如

del_btn.onclick = function() {
    alert("delete button clicked!!");
};

因此无需使用jquery注册onclick，但如果要使用jquery，请确保在将del_button附加到dom后，执行基于jquery的代码。