cwlr.net
当前位置:首页 >> jq点击其他地方隐藏 >>

jq点击其他地方隐藏

第一先实现点击任何地方都隐藏该元素(假设id="bar") $(document).click(function(){ $("#bar").hide(); }); 那么bar也属于document,点击bar也会让自己隐藏,显然这不是想要的,这时候要阻止冒泡事件,即document的事件对bar无效 $("#bar").clic...

jquery实现点击页面其他地方隐藏指定元素:在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下拉...

jquery实现点击页面其他地方隐藏指定元素: 在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下...

我的思路是给body绑定一个click事件,然后判断当前鼠标点击的区域是当前元素还是元素以外区域,如果点击对象不是当前元素,则隐藏该元素。 假设对象的id为divBtn,则代码如下: $('body').bind('click', function(event) { // IE支持 event.srcE...

参考代码: 菜单按钮 百度 $(".a").on("click", function(e){ if($(".menu").is(":hidden")){ $(".menu").show(); }else{ $(".menu").hide(); } $(document).one("click", function(){ $(".menu").hide(); }); e.stopPropagation(); }); $(".men...

$(function(){$('.btn').click(function(event){event.stopImmediatePropagation();//取消事件冒泡;$('.box').show();});$(document).bind("click",function(){$('.box').hide();})});

你要点击的按钮是 $( '#button' ) 你要显示/隐藏的节点是 $( '#information' ) $( '#button' ).on( 'click', function( e ) { $( '#information' ).toggle();} ); 不可以像某个答案那样,用 .css( 'display' ) == 'block' 判断 dom 的隐藏状态。...

点击.div{background-color:black;border: 1px solid red;width:100px;height:100px;display:none}$("button").click(function(){ if($(".div").css("display")=="none"){ $(".div").show(); }else{ $(".div").hide(); } });

last.html.A {width: 100px;height: 50px;background: red;}.B {width: 500px;height: 500px;background: blue;}$ (document).ready (function () { $ (".B").hide (); $ (".A").click (function () { $ (".B").toggle (); }); }).click (functi...

.menu {width:400px; height:auto; background:#CCC; font-size:12px; padding:12px; line-height:22px;}$(document).ready(function(e){function stopPropagation(e){var ev=e||window.event;if(ev.stopPropagation){ev.stopPropagation();}els...

网站首页 | 网站地图
All rights reserved Powered by www.cwlr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com