Javascript、Jquery、DOM

Question

在 Html 文档上附加一个按钮后，与其关联的 jQuery 事件不起作用？

例如:

$("#mydiv").append('<a href="#" id="mybutton">X</a>');//this is button appending

$("#mybutton").click(function(){
    alert("hello");
});

Answer 1

假设您在#mybutton 实际附加到#mydiv 之前调用.click() 方法，您需要使用.on()因为当您附加事件处理程序时按钮不存在:

$('#mydiv').on('click','#mybutton',function(){
    alert('hello');
});

应该工作...