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

Question

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

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

Answer 1

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

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

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

Answer 2

由于您使用的是 jQuery，如果您知道确切的深度，我会使用 click 事件处理程序（事件在哪里e）执行类似遍历父母的操作： $(e.target).parent().parent().hide(), etc

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