Javascript jQuery附加按钮单击事件处理程序不工作
我是jquery新手,我有一个button click事件,它工作得很好,但是当我使用append()在div中追加按钮时,click事件不起作用 我的代码如下: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
$('#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");
});
});