Javascript jQuery附加按钮单击事件处理程序不工作

Javascript jQuery附加按钮单击事件处理程序不工作,javascript,jquery,html,Javascript,Jquery,Html,我是jquery新手,我有一个button click事件,它工作得很好,但是当我使用append()在div中追加按钮时,click事件不起作用 我的代码如下: $('#button').click(function() { alert('works'); $('#element').show("slow"); }); 您可能在DOM中存在元素之前就这样做了。您可能应该将脚本放在之前,而不是标记中。您必须使用:- 工作示例:- $('append#u按钮动态添加”).app

我是jquery新手,我有一个button click事件,它工作得很好,但是当我使用append()在div中追加按钮时,click事件不起作用

我的代码如下:

$('#button').click(function() {
    alert('works');
    $('#element').show("slow");
});

您可能在DOM中存在元素之前就这样做了。您可能应该将脚本放在
之前,而不是
标记中。

您必须使用:-

工作示例:-

$('append#u按钮动态添加”).append(“ClickMe”);
$(文档)。在('单击',“#按钮”,函数()上{
警报(“工作”);
$(“#元素”).show(“慢”);
});
#元素{
显示:无;
}


这是隐藏的,但会在按钮单击时显示,因为按钮是动态创建的,不能由“自身”触发,而是通过静态元素触发,例如

$('body').on('click', '#button', function() {
    alert('works');
    $('#element').show("slow");
});

你需要在那里添加几行

$(document).ready(function(){
     $('#button').click(function() {
          alert('works');
          $('#element').show("slow");
     });
});

你的代码必须工作。您可能忘记了包含
JQuery
文件。检查附加的代码段

$(“#容器”).append(“按钮”);
$(“#按钮”)。单击(函数(){
警报(“工作”);
$(“#元素”).show(“慢”);
});


这里的按钮
我觉得我今天因为个人原因被否决了,这是第二个正确的答案,但没有投票,另一个被接受,但得分
-1
,这一个是正确的,得分
-2
!!!我对你的答案投了赞成票。我不知道人们怎么了。@Huelfe谢谢,有些人以否决别人的帖子而自豪。为什么否决这个问题/@Wis+1,就像我说的,这就是原因。
$(document).ready(function(){
     $('#button').click(function() {
          alert('works');
          $('#element').show("slow");
     });
});