javascript - 单击后CSS下拉菜单不关闭

标签 javascript css drop-down-menu

我正在使用以下教程:http://www.script-tutorials.com/css3-metal-menu-with-icons/

问题是当我单击子菜单上的任何元素时,子菜单不会关闭。我的应用程序使用 jQuery UI 选项卡动态添加一个选项卡,其中的内容作为一个局部 View (mvc4),这样应用程序页面就不会重新加载。我想在单击元素时隐藏子菜单,我该怎么做?

最佳答案

子菜单都位于一个名为 subs 的类的 div 中。您可以使用 JQuery 隐藏它。

$('html').click(function() {
  $(".subs").hide();
});

所有点击,任何地方现在应该隐藏子菜单或任何其他具有 subs 类的元素

关于javascript - 单击后CSS下拉菜单不关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15387504/

相关文章:

javascript - 如何在 JavaScript 中选择和迭代共享一个 CSS 类的单个 <div> 的子元素?

javascript - 哪个事件用于下拉菜单 - 悬停时子菜单关闭?

jQuery 选择 e.target 的 child

javascript - 使 <select> 字段成为必填项?

javascript - 本地开发时浏览器如何解析我的react代码?

javascript - 在 React 内联样式中使用 props 作为关键属性

javascript - 全屏 iframe 的缩放内容

ruby-on-rails - Rails 3 选择下拉框

javascript - 在运行时定期更改 HTML 正文的内容 - NodeJS

html - 打开隐形框架的按钮