0

jQueryがホバー時に追加しているナビゲーションの現在のメニュー項目からインラインスタイルを削除する方法を見つけようとしています。ホバー後、現在のメニュー項目を引き続き表示したいのですが、jQuery は display:none/ を追加しています

「display:block;」を追加しました。.current-menu-item の CSS ですが、nav にカーソルを合わせると jQuery がトリガーされ、inline style="overflow: hidden; display: none;" によってオーバーライドされます。の

<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-31 current_page_item menu-item-33"><a href="http://clients.weinsteinau.cgvcreative.com/opportunities/">Opportunities</a></li>

再現: 1. ここに移動: http://clients.weinsteinau.cgvcreative.com/opportunities/

  1. ページに対応するメニュー項目がナビゲーションの下に表示されることに注意してください

  2. ナビにカーソルを合わせる

  3. ページの名前がナビゲーションから消えることに注意してください

想定: nav にカーソルを合わせると、すべての項目が表示されるようになります。ホバー後、現在のメニュー項目は display:block を保持する必要があるため、ユーザーに表示されたままになります。

助けていただければ幸いです。ありがとう！

4

1 に答える 1

1

!importantを使用すると、CSS からインライン スタイルを上書きするのに役立ちます。詳細については、こちらを参照してください。

CSSを修正した方法は次のとおりです。

/* line 90, ../scss/_nav.scss */ .navigation ul li ul li.current-menu-item, .navigation ul li ul li.current_page_item, .navigation ul li ul li.current-page-ancestor { display: block !important; color: red; }

于 2013-08-04T22:09:44.780 に答える