JQuery实现点击div以外的位置隐藏该div窗口 同名怎么办
JQuery实现点击div以外的位置隐藏该div窗口同名怎么办例如：$(function(){$(document).bind("click",function(e){v...
JQuery实现点击div以外的位置隐藏该div窗口同名怎么办
例如：$(function(){
$(document).bind("click",function(e){
var target = $(e.target);
if(target.closest(".pop").length == 0){
$(".pop").hide();
}
})
})
这样可以实现在点击class为pop的div以外的地方隐藏该div，可当页面中存在两个class为pop的div时，div1是show()状态，当点击div2的时候div1不会消失，只有点击两个div以外的部分，两个div才会同时消失，我现在想实现只要点击div1以外的部分无论是不是div2的范围，div1都会消失，怎么办 展开
例如：$(function(){
$(document).bind("click",function(e){
var target = $(e.target);
if(target.closest(".pop").length == 0){
$(".pop").hide();
}
})
})
这样可以实现在点击class为pop的div以外的地方隐藏该div，可当页面中存在两个class为pop的div时，div1是show()状态，当点击div2的时候div1不会消失，只有点击两个div以外的部分，两个div才会同时消失，我现在想实现只要点击div1以外的部分无论是不是div2的范围，div1都会消失，怎么办 展开
3个回答
展开全部
<html>
<head>
</head>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<style type="text/css">
.pop{
background-color: #CCCCCC;
height:100px;
width:100px
}
</style>
<body>
<div class="pop">
111
</div>
222
<div class="pop">
333
</div>
</body>
<script type="text/javascript">
$(document).bind("click",function(e){
$('div').closest('.pop').each(function(){
if(e.target != this){
$(this).hide();
}
});
})
</script>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给div1一个id
然后把 target.closest(".pop") 修改成 target.closest("#div的ID")
试试看。
手动回复，不谢
然后把 target.closest(".pop") 修改成 target.closest("#div的ID")
试试看。
手动回复，不谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在想实现只要点击div1以外的部分无论是不是div2的范围，div1都会消失，怎么办
取个巧的办法。
t.closest(".pop:first").length
ps：但这个换成div2就不灵了。
取个巧的办法。
t.closest(".pop:first").length
ps：但这个换成div2就不灵了。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
