[英]onclick dropdown menu with a form, click outside to close
我有一个带有表单元素的下拉菜单。 menu元素设置为
display:none
当点击元素之外的任何东西时...或至少我认为。
这是我的小功能
$(function(){
$('#loginAcc').click( function(event){
event.stopPropagation();
//show
$('#auth-menu').css('display', 'block');
});
$(document).click( function(){
//hide when click anywhere out the menu
$('#auth-menu').hide();
});
})
我遇到的问题是,当我在元素内部单击时它也会关闭,这使得完成表单变得非常困难。
#loginAcc
是一个单击的水平列表项,和
#auth-menu
是
如果我冒险猜测,我想认为.toggle()是罪魁祸首,但这是一个纯粹的猜测,如果我重新实现它我甚至不知道从哪里开始(一只小鸟告诉我,它无论如何都会脱离规范)。
我想要发生的是,当你点击#loginAcc列表项时,#auth-menu设置为display:block,只有当你点击#loginAcc或#auth-menu之外的任何地方时才能关闭它。
任何帮助都会很棒。 谢谢
使用not()
选择器排除菜单:
$(document).not('#auth-menu').click( function(){
//hide when click anywhere out the menu
$('#auth-menu').hide();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.