单击后CSS下拉菜单未关闭

Question

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

问题是，当我单击子菜单上的任何元素时，子菜单不会关闭。 我的应用程序使用jQuery UI选项卡动态添加一个选项卡，其中内容作为一个局部视图（mvc4），以便不重新加载应用程序页面。 单击某个项目时我想隐藏子菜单，我该怎么做？

Answer 1

由于您使用的是jQuery，如果您知道确切的深度，我会做一些类似的事情，使用click事件处理程序（其中e是事件）： $(e.target).parent().parent().hide(), etc

如果它是动态的，则可以稍微降低效率，但是可以$(e.target).parents('.thedropdownmenuclass').hide() ： $(e.target).parents('.thedropdownmenuclass').hide()

Answer 2

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

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

现在，所有位置的所有点击都应隐藏子菜单或带有类subs的任何其他元素