搜索

...框的别的地方,让这个页面弹出框隐藏。能用jquery最好

发布网友 发布时间:2024-10-22 15:35

我来回答

4个回答

热心网友 时间:9分钟前

<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>

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

热心网友 时间:10分钟前

(1)首先你得引用jQury.js
(2)假设你得这个弹出框放在一个div中且这个div的id为hidden
则可以这样写即可。
(3)$(function(){
$("#hidden").click(function(){
$(this).hidden();
});
});

热心网友 时间:8分钟前

<div id="like"><div><span>喜欢成功,请加入专辑吧</span><span id="delect">取消</span><div></div></div>$("#delect").click(fucntion(){
    $("#like").css("display",none);});

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

热心网友 时间:7分钟前

//层内的link点击事件,注意让事件停止冒泡  
$("#div").click(function(event){  
    event=event||window.event;  
    event.stopPropagation();  
}); 

//点击层外,隐藏这个层。由于层内的事件停止了冒泡,所以不会触发这个事件  
$(document).click(function(e){                       
    $("#div").hide();  
});
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
Top