附加时无法访问jQuery

Question

我通过jQuery附加一个按钮。

$('#toAppend').html('<input type="button" id="helloWorld">');

在我的浏览器中，我可以看到按钮，但我无法通过jQuery访问它。

代码：

$('#helloWorld').click(function () {
    alert("you clicked me");
})

感谢任何帮助。

感谢。

Answer 1

对此on()使用Event Delegation：

$(document).on('click', '#helloWorld', function () {
  alert("you clicked me");
})

Answer 2

您必须以不同的方式访问它，因为它在加载页面后附加到html：

$("#toAppend").on("click", "button#helloWorld", function(e) {
    console.log("clicked!");
});