javascript - Jquery 无法识别单击的按钮

Question

关于 click() 方法，我在使用 jquery 时遇到了问题。我有以下代码:

text += "<input type='button' id='create_setup_button' value='Add SetUp' />";
text += "<input type='button' id='create_teardown_button' value='Add Teardown' />";
text += "<input type='button' id='create_event_button' value='Create Event' />";

$("#create_setup_button").click(function () {
    alert("what is good?");
});

是不是我遗漏了什么导致按钮无法点击？干杯~

Answer 1

这显然不是您的全部代码。文本变量会发生什么？它什么时候进入 dom？

如果您的点击处理程序在将文本放入 dom 之前出现，那么它将无法工作，因为您的点击处理程序在执行时找不到元素。

如果您使用:

$('body').on('click', '#create_setup_button', function () {
    alert("what is good?");
});

它应该可以工作，因为您在主体上有一个事件委托(delegate)，它将捕获与 #create_setup_button 选择器匹配的元素上的所有冒泡点击事件。