87,910
社区成员
发帖
与我相关
我的任务
分享点按钮弹开一个层，点别的地方关掉这个层，怎么做？
求思路，RT，弹开层我会，但是怎么点其他地方的时候让这个层隐藏呢？？
把hide写在body里不行
把hide写在body里不行
...全文
请发表友善的回复…
发表回复
KK3K2005 2014-10-09
- 打赏
- 举报
弹开层你会 问题就解决了
弹出2个层 你要那个层不变
另外在弹出一个层 在这个层底下 这个层点了 关闭2个层
momoxsy 2014-10-09
- 打赏
- 举报
去看一下事件委托吧。
给body绑定click事件，当判断触发事件的当前元素（目标元素）不是弹出层的话执行hide即可
闪闪放光芒 2014-10-09
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.9.0.js"></script>
<script>
$(function(){
$("body").click(function(e){
$("#div").hide();
});
$("#btn").click(function(e){
$("#div").show();
e.stopPropagation(); //这是阻止事件冒泡和用return false一个效果
});
$("#div").click(function(e){
e.stopPropagation(); //这是阻止事件冒泡和用return false一个效果
});
})
</script>
</head>
<body style="width:2000px; height:2000px;">
<input type="button" value="显示" id="btn" />
<div id="div" style="width:500px; height:300px; border:#F00 1px solid; display:none;"></div>
</body>
</html>
csucaicai 2014-10-09
- 打赏
- 举报
Frame 父窗体可以操纵子窗体，子窗体可以操纵父窗体，设置下弹出层的大小，当点击窗体范围之外的时候隐藏
叫我 Teacher 周 2014-10-09
- 打赏
- 举报
$('body').click(function () {
$('.Intro').hide();
})叫我 Teacher 周 2014-10-09
- 打赏
- 举报
不要阻止冒泡是啥意思
似梦飞花 2014-10-09
- 打赏
- 举报
在body上绑定click事件隐藏弹出的层 记得其他元素不要阻止冒泡
