单击后,CSS下拉菜单未关闭

时间:2013-03-13 14:02:36

标签: javascript css drop-down-menu

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

问题是当我单击子菜单上的任何元素时,子菜单将不会关闭。我的应用程序使用jQuery UI选项卡动态添加包含内容的选项卡作为一个部分视图(mvc4),以便不重新加载应用程序页面。我想在点击某个项目时隐藏子菜单,我该怎么做?

2 个答案:

答案 0 :(得分:0)

由于你正在使用jQuery,如果你知道确切的深度,我会做一些事情,比如使用click事件处理程序(其中e是事件): $(e.target).parent().parent().hide(), etc

如果它可能是动态的,你可以稍微降低效率,但一气呵成: $(e.target).parents('.thedropdownmenuclass').hide()

答案 1 :(得分:0)

子菜单都位于div中,类名为subs。你可以用JQuery隐藏它。

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

现在所有点击都应该隐藏子菜单或任何其他带有子类

的元素