Javascript 单击后CSS下拉菜单未关闭
我正在使用以下教程:Javascript 单击后CSS下拉菜单未关闭,javascript,css,drop-down-menu,Javascript,Css,Drop Down Menu,我正在使用以下教程: 问题是,当我单击子菜单上的任何元素时,子菜单都不会关闭。我的应用程序正在使用jQuery UI选项卡动态添加一个选项卡,该选项卡将内容作为一个部分视图(mvc4),这样应用程序页面就不会重新加载。我想在单击某个项目时隐藏子菜单,如何才能做到这一点?因为您使用的是jQuery,如果您知道确切的深度,我会使用单击事件处理程序(其中e是事件)遍历父菜单: $(e.target).parent().parent().hide()等 如果它是动态的,您可以稍微降低效率,但只需一次:
问题是,当我单击子菜单上的任何元素时,子菜单都不会关闭。我的应用程序正在使用jQuery UI选项卡动态添加一个选项卡,该选项卡将内容作为一个部分视图(mvc4),这样应用程序页面就不会重新加载。我想在单击某个项目时隐藏子菜单,如何才能做到这一点?因为您使用的是jQuery,如果您知道确切的深度,我会使用单击事件处理程序(其中
e
是事件)遍历父菜单:
$(e.target).parent().parent().hide()等
如果它是动态的,您可以稍微降低效率,但只需一次:
$(e.target).parents('.dropDownMenuClass').hide()
子菜单都位于一个名为subs的类的div中。你可以用JQuery隐藏它
$('html').click(function() {
$(".subs").hide();
});
所有单击,anywhere现在应该隐藏子菜单或任何其他具有subs类的元素我不知道从何处开始,代码与链接上的代码相同也许你应该看看如何将处理程序绑定到单击事件以隐藏DOM中的元素。它可以工作,但菜单不再工作,之后就没有子菜单了,如果我使用show();他们总是出现