点击后隐藏下拉菜单项？

Question

我的项目有fiddle。我正在使用下拉菜单进行自适应导航。我目前将下拉项目设置为在您单击时切换。但是，如果你点击任何地方，我希望关闭下拉列表。

我尝试从类似的问题中复制代码，但它对我不起作用。我把它包含在小提琴中，但是注释掉了，所以你可以看到下拉列表的工作。

<Project>
...
 <ItemGroup>
  <WixExtension Include="WixUIExtension" />
  <Compile ...../>
  ...
 </ItemGroup>
</Project>

Answer 1

只需将e.stopPropagation()放入切换功能。

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

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