jquery用append语句加入一个div之后，再用语句操作加入后的div没反应
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><styletype="text/c...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.largeImg{
display:none;}
</style>
</head>
<body>
<script type="text/javascript" src="jquery.1.4.4.min.js" ></script>
<script type="text/javascript">
$(function(){
$(".central img").click(function(){
var largeImg = "<div class='largeImg'><img src='"+this.src+"' alt='"+this.title+"'/></div>"
$("body").append(largeImg);
$(".largeImg")
.css({"border":"1px solid #f80"
}).fadeIn("slow");
});
$(".largeImg").click(function(){
alert('作死的节奏啊！')
});
})
</script>
<div class="central">
<p>公司有着丰富多彩的健康休闲文化，为员工免费提供篮球场、排球场、羽毛球场、乒乓球室、桌球室等活动场所，有专业教练培训指导，并定期开展多种文体娱乐活动，给员工充分展示自己的舞台 …… </p>
<p>
<img border="0" title="尼玛！" width="175" height="116" src="http://www.glzmn.com/pictures/exercise/IMG_3836.jpg">
<img border="0" alt="" width="175" height="116" src="http://www.glzmn.com/pictures/exercise/IMG_3944.jpg">
<img border="0" alt="" width="175" height="116" src="http://www.glzmn.com/pictures/exercise/IMG_1334.jpg">
</p>
</div>
</body>
</html>
如上代码，加入.largeImg的时候一切正常，但是后边这条语句始终不能执行，是怎么回事？
$(".largeImg").click(function(){
alert('作死的节奏啊！')
}); 展开
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.largeImg{
display:none;}
</style>
</head>
<body>
<script type="text/javascript" src="jquery.1.4.4.min.js" ></script>
<script type="text/javascript">
$(function(){
$(".central img").click(function(){
var largeImg = "<div class='largeImg'><img src='"+this.src+"' alt='"+this.title+"'/></div>"
$("body").append(largeImg);
$(".largeImg")
.css({"border":"1px solid #f80"
}).fadeIn("slow");
});
$(".largeImg").click(function(){
alert('作死的节奏啊！')
});
})
</script>
<div class="central">
<p>公司有着丰富多彩的健康休闲文化，为员工免费提供篮球场、排球场、羽毛球场、乒乓球室、桌球室等活动场所，有专业教练培训指导，并定期开展多种文体娱乐活动，给员工充分展示自己的舞台 …… </p>
<p>
<img border="0" title="尼玛！" width="175" height="116" src="http://www.glzmn.com/pictures/exercise/IMG_3836.jpg">
<img border="0" alt="" width="175" height="116" src="http://www.glzmn.com/pictures/exercise/IMG_3944.jpg">
<img border="0" alt="" width="175" height="116" src="http://www.glzmn.com/pictures/exercise/IMG_1334.jpg">
</p>
</div>
</body>
</html>
如上代码，加入.largeImg的时候一切正常，但是后边这条语句始终不能执行，是怎么回事？
$(".largeImg").click(function(){
alert('作死的节奏啊！')
}); 展开
3个回答
展开全部
你这个click语句，是肯定不会执行的。因为你这个元素是后来添加的，而click事件的注册，在页面加载时就已经完成了（而此时还没有这个.largeImg元素）
解决方法：把事件注册到document上面。这样当执行事件时，会冒泡触发。
代码：
$(".largeImg").live("click",function(){
alert('作死的节奏啊！');
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
语法错误。
});
$(".largeImg").click(function(){
alert('作死的节奏啊！')
});
改成
$(".largeImg").click(function(){
alert('作死的节奏啊！')
});
});你把后面的事件绑定，放到上面click的外面了，绑定的时候，这个元素还不存在。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在jquery中在文档加载完成之后添加进去的的元素是不能直接绑定的,要用.live方法绑定,你换成$(".largeImg").live("click",function(){
alert('作死的节奏啊！')
})
就可以了
alert('作死的节奏啊！')
})
就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
