看着本凱門斯jquery-menu-aim,我偶然發現在codepen的一個例子。Ben Kamens jQuery菜單目的:子菜單不會重新出現後,它消失
這(codepen)的作品,並允許用戶的時間從主菜單傳遞到子菜單,但如果你完全離開菜單子菜單仍然繼續顯示,即它(子菜單)不會消失(顯示:無)。
於是,我重新創建同樣的例子在codepen上JsFiddle和改變了的Javascript
:
$(document).click(function() {
$('a.hover').removeClass('hover');
$('.popover').css('display', 'none');
}
到:現在
$(document).click(function() {
$('a.hover').removeClass('hover');
$('.nav ul ul').css('display', 'none');
}
,如果您按一下網頁上的任何地方頁面,除了菜單/子菜單之外,子菜單也會消失。
問題:如果再次懸停主菜單,子菜單將不會再次出現。
我該如何解決這個問題?
編輯:是否有一個替代jQuery/JavaScript的jQuery的菜單目標?
你在添加懸停類單擊看來我錯了 –
如果我刪除了懸停類,主菜單仍然是一個懸停狀態,即懸停狀態停留的背景顏色,而子菜單消失,我試過了,但懸停不是我正在看。 –
你完全消除懸停類,因此它不會再次工作。這可以通過使用css來實現。 :重點和:懸停。根本不需要js。 –