1

3層のメニューを作成しました。

最上位のアイテムをクリックすると、問題が発生します。最上位の項目には LI:Hover 疑似クラスがあり、項目にカーソルを合わせるとグレーで強調表示されます。これらのトップ項目の 1 つをクリックしてから 2 秒間メニュー領域から離れると、現在のページのメニュー項目に戻ります。

ここで問題が発生します。クリックしたばかりのトップ メニュー項目にカーソルを合わせると、疑似ホバーが消えたか、無効になったように見えます。

これが私の側の jQuery/Javascript エラーなのか、CSS の間違いなのかはわかりません。

どんな助けでも素晴らしいでしょう!

ありがとう、デヴィン

4

1 に答える 1

2

アニメーションが実行<li>された後、次の状態になります

<li style="background-color: transparent; background-position-y: 24px;">

background-colorCSS ルールをオーバーライドするインラインで

#navigation li:hover, .active { background-color: #888888; }

revert() メソッドを から$curMenuTop.css('backgroundColor', 'transparent');に変更$curMenuTop.css('backgroundColor', '');すると、backgroundColor を に設定するのではなく削除しtransparent、必要に応じて :hover を引き続き使用できるようになるため、問題が修正されます。

于 2012-09-13T14:46:48.980 に答える