单击时隐藏下拉菜单项隐藏吗？

Question

我为我的项目准备了小提琴 。 我正在使用下拉菜单进行响应式导航。 我目前已将下拉菜单项设置为在单击它们时进行切换。 但是，如果您单击下拉列表中的任意位置，则希望关闭它。

我尝试从类似的问题中复制代码，但是它对我不起作用。 我将其包括在小提琴中，但已注释掉，因此您可以看到下拉列表的工作。

$(document).click(function(){
  $(".nav-dropdown").hide();
});

$(".nav-dropdown").click(function(e){
  e.stopPropagation();
}); 

Answer 1

只需将e.stopPropagation()放入切换函数中即可。

这是工作提琴： http : //codepen.io/anon/pen/MwLoKE

（如果您想一次只打开一个下拉菜单，则还必须关闭切换功能内部的打开菜单。）