HTML做的静态页面,一个弹出框,我想点击这个弹出框的别的地方,让这个页面弹出框隐藏。能用jquery最好

,点击别的地方,让这个弹出框隐藏掉。有没有谁有办法呢》?最好是简单的jquary代码。。。十分紧急。在线等... ,点击别的地方,让这个弹出框隐藏掉。有没有谁有办法呢》?最好是简单的jquary代码。。。十分紧急。在线等 展开
 我来答
全栈达人老Y
2013-08-21 · TA获得超过1341个赞
知道小有建树答主
回答量:788
采纳率:33%
帮助的人:448万
展开全部
<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>

直接看这段代码吧,点击按钮下面的框显示,点击别处消失,看里面重点的地方

ykwild
2013-08-21
知道答主
回答量:30
采纳率:0%
帮助的人:20万
展开全部
//层内的link点击事件,注意让事件停止冒泡  
$("#div").click(function(event){  
    event=event||window.event;  
    event.stopPropagation();  
}); 

//点击层外,隐藏这个层。由于层内的事件停止了冒泡,所以不会触发这个事件  
$(document).click(function(e){                       
    $("#div").hide();  
});
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xpy0928
2013-08-21 · TA获得超过582个赞
知道小有建树答主
回答量:461
采纳率:50%
帮助的人:333万
展开全部
(1)首先你得引用jQury.js
(2)假设你得这个弹出框放在一个div中且这个div的id为hidden
则可以这样写即可。
(3)$(function(){
$("#hidden").click(function(){
$(this).hidden();
});
});
追问
我是想让他有类似select的效果,点击非select的其他部分,select隐藏,这可以实现?我网上有看到是根据鼠标点击的坐标来判断,貌似很困难?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
度高岑00I
2013-08-21 · TA获得超过161个赞
知道答主
回答量:109
采纳率:100%
帮助的人:111万
展开全部
<div id="like"><div><span>喜欢成功,请加入专辑吧</span><span id="delect">取消</span><div></div></div>
$("#delect").click(fucntion(){
    $("#like").css("display",none);});

你应该知道基本的jquery操作把。引入jquery库等等

更多追问追答
追问
我是想让他有类似select的效果,点击非select的其他部分,select隐藏,这可以实现?我网上有看到是根据鼠标点击的坐标来判断,貌似很困难?
追答

你试试这个

$(document).ready(function(){
  $("#like").live("mouseenter",function(){
          //鼠标在里边
  });
   $("#like").live("mouseleave",function(){
        //移出鼠标
   });
});
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式