我使用jQuery制作了一个简单的下拉菜单：
<script>
$("#optionsLink").click(function(){
$("#optionsMenu").slideToggle();
});
</script>
它工作正常，但是当用户单击屏幕上的其他位置时，我希望菜单消失。有点像您的标准窗口下拉菜单。在我的浏览器中单击“文件”将显示下拉菜单，但是单击其他地方（例如页面上的任何地方）将隐藏该菜单。
我将如何实施这样的事情？
只需使用
$("#optionsLink").click(function(e){
$("#optionsMenu").slideToggle();
e.stopPropagation();
});
$(document).click(function(){
$("#optionsMenu").slideUp();
});
每次您单击任意位置时，“ slideToggle”都会切换菜单，我认为这不是您想要的
.stopPropagation() 在您单击内部时，将防止事件冒泡到文档中 #optionsLink
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句