2017-09-03 3 views
0

Ben Kemens jquery-menu-aimを見ると、codepenの例がつまずきました。Ben Kamens jQuery Menu目的:サブメニューが消えた後に再び表示されない

codepen)これは機能し、メインメニューからサブメニューに渡す時間を許しますが、メニューから完全に離れてもサブメニューは表示され続けます(サブメニューは表示されません)表示:なし)。

だから、私はJsFiddleにcodepenで同じ例を再作成してからJavascriptを

を変更:あなたがウェブ上の任意の場所をクリックすると、

$(document).click(function() { 
    $('a.hover').removeClass('hover'); 
    $('.nav ul ul').css('display', 'none'); 
} 

今:

$(document).click(function() { 
    $('a.hover').removeClass('hover'); 
    $('.popover').css('display', 'none'); 
} 

へページでは、メニュー/サブメニューのほかに、サブメニューが消えます。

問題:メインメニューを再び表示すると、サブメニューが再表示されません。

どうすれば解決できますか?

編集:代替jQuery/Javascript to jquery-menu aimですか?

+0

あなたはそれをクリックして上のホバークラスを追加している間、私はホバークラスを削除すると、メインメニューがまだホバー状態になり、それはホバー状態のままの背景色です –

+0

私には間違っているようですサブメニューが表示されなくなりましたが、私はそれを試しましたが、ホバーは私が見ているものではありません。 –

+0

あなたは完全にホバークラスを削除しているので、それは再び働かないでしょう。これは単にCSSを使って実現できます。 :フォーカスと:ホバー。 jsの必要は全くありません。 –

答えて

0

activatedeactivateではなく、enterexitが必要だと思います。

documentationを読んでいますか?

ここはyour Fiddle Updatedです。

$menu.menuAim({ 
    enter: activateSubmenu, 
    exit: deactivateSubmenu 
}); 
+0

これは動作しません。マウスをメインメニュー「1」からサブメニュー「7」に移動しようとすると、サブメニューは消えます。チェックしてください。 –

+0

これは、メニューを終了するためです。 exit関数でタイムアウトを使用すると、終了後にメニューが数ms後に閉じられるようになります。1から7までの時間を置いてみましょう。私はFiddleを更新しました。 –

+0

ありがとうございます...申し訳ありませんが、私はドキュメントを読んでいないが、私は持っている必要があります。ありがとうございました。 –

関連する問題