單擊后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的任何其他元素