jQuery 怎么实现点击页面其他地方隐藏菜单
展开全部
参考代码:
<p><a href="javascript:void(0)" class="a">菜单按钮</a></p>
<div class="menu">
<a href="http://www.baidu.com">百度</a>
</div>
$(".a").on("click", function(e){
if($(".menu").is(":hidden")){
$(".menu").show();
}else{
$(".menu").hide();
}
$(document).one("click", function(){
$(".menu").hide();
});
e.stopPropagation();
});
$(".menu").on("click", function(e){
e.stopPropagation();
});
<p><a href="javascript:void(0)" class="a">菜单按钮</a></p>
<div class="menu">
<a href="http://www.baidu.com">百度</a>
</div>
$(".a").on("click", function(e){
if($(".menu").is(":hidden")){
$(".menu").show();
}else{
$(".menu").hide();
}
$(document).one("click", function(){
$(".menu").hide();
});
e.stopPropagation();
});
$(".menu").on("click", function(e){
e.stopPropagation();
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询