非表示および表示jquery関数で動作するサブメニューを使用するメニューがあります。問題は、メインメニュー要素にカーソルを合わせると、サブメニュー要素をクリックすると消えてしまうことです。だから、メインメニュー要素やサブメニューブロックの上にカーソルを置いていない場合にのみ消えるようにできないかと思っていました.私のウェブサイトはhttp://www.spencedesign.netau.net/lori/#です.
display: none;また、別の小さな問題があります。ページが読み込まれると、 CSS がマイキング CSSdisplay: none;と jQueryの間の混乱である.hide()と言っているにもかかわらず、サブメニューが非表示になりません.show()
このスクリプトの書き方では、サブメニューはメイン メニュー項目の上にカーソルを置いている間だけ表示されます (表示され続けます)。そのアイテムから移動するとすぐに、サブメニューが非表示になります。
簡単な解決策の 1 つは、hide().
ただし、jquery はあまり好きではありません。このソリューションは主に Chrome で機能しますが、いくつかのエラーがスローされます。
これは比較的単純なメニューですが、jquery メニュー プラグインを確認することをお勧めします。単純な車輪が必要な場合でも、車輪を再発明する必要はありません。
2 番目の小さな問題については、これはdisplay:nonesub_menu id(ページには存在しない) に割り当てられていることが原因です。代わりに を作成し、classこのクラスを各サブメニュー div にアタッチします。