HTML做的静态页面，一个弹出框，我想点击这个弹出框的别的地方，让这个页面弹出框隐藏。能用jquery最好
，点击别的地方，让这个弹出框隐藏掉。有没有谁有办法呢》？最好是简单的jquary代码。。。十分紧急。在线等
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".d").click(function(){
$(".mk").show();
return false;//关键是这里，阻止冒泡
});
$(".mk").click(function(){
return false;
});
$(document).click(function(){
$(".mk").hide();
});
})
</script>
</head>
<body>
<input type="button" class="d" value="s"/>
<div class="mk" style="width:100px;height:100px;background:#a30;display:none;"></div>
</body>
</html>
<head>
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".d").click(function(){
$(".mk").show();
return false;//关键是这里，阻止冒泡
});
$(".mk").click(function(){
return false;
});
$(document).click(function(){
$(".mk").hide();
});
})
</script>
</head>
<body>
<input type="button" class="d" value="s"/>
<div class="mk" style="width:100px;height:100px;background:#a30;display:none;"></div>
</body>
</html>
直接看这段代码吧，点击按钮下面的框显示，点击别处消失，看里面重点的地方
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-08-21
//层内的link点击事件，注意让事件停止冒泡
$("#div").click(function(event){
event=event||window.event;
event.stopPropagation();
});
//点击层外，隐藏这个层。由于层内的事件停止了冒泡，所以不会触发这个事件
$(document).click(function(e){
$("#div").hide();
});
$("#div").click(function(event){
event=event||window.event;
event.stopPropagation();
});
//点击层外，隐藏这个层。由于层内的事件停止了冒泡，所以不会触发这个事件
$(document).click(function(e){
$("#div").hide();
});
第2个回答 2013-08-21
（1）首先你得引用jQury.js
（2）假设你得这个弹出框放在一个div中且这个div的id为hidden
则可以这样写即可。
（3）$(function(){
$("#hidden").click(function(){
$(this).hidden();
});
});追问
（2）假设你得这个弹出框放在一个div中且这个div的id为hidden
则可以这样写即可。
（3）$(function(){
$("#hidden").click(function(){
$(this).hidden();
});
});追问
我是想让他有类似select的效果，点击非select的其他部分，select隐藏，这可以实现？我网上有看到是根据鼠标点击的坐标来判断，貌似很困难？
第3个回答 2013-08-21
<div id="like"><div><span>喜欢成功，请加入专辑吧</span><span id="delect">取消</span><div></div></div>$("#delect").click(fucntion(){
$("#like").css("display",none);});
$("#like").live("mouseenter",function(){
//鼠标在里边
});
$("#like").live("mouseleave",function(){
//移出鼠标
});
});
$("#like").live("mouseenter",function(){
//鼠标在里边
});
$("#like").live("mouseleave",function(){
//移出鼠标
});
});
$("#like").css("display",none);});
你应该知道基本的jquery操作把。引入jquery库等等
追问我是想让他有类似select的效果，点击非select的其他部分，select隐藏，这可以实现？我网上有看到是根据鼠标点击的坐标来判断，貌似很困难？
追答你试试这个
$(document).ready(function(){$("#like").live("mouseenter",function(){
//鼠标在里边
});
$("#like").live("mouseleave",function(){
//移出鼠标
});
});
试试这个
$(document).ready(function(){$("#like").live("mouseenter",function(){
//鼠标在里边
});
$("#like").live("mouseleave",function(){
//移出鼠标
});
});
相似回答
