0

私は現在、ソフトウェア設計のHSC（Higher School Certificate）の主要な仕事のためのウェブサイトを作成していますが、奇妙なバグに遭遇しました。ウェブサイトの現在のバージョンはhttp://ymindustries.webfactional.comで見ることができます。私の問題はこれです：私はjQueryを利用したドロップダウンメニューを持っています。Chromeでは、メニューボタンにカーソルを合わせるとメニューが展開され、メニューボタンを離れるとメニューが再び縮小されます。ただし、マウスをメニューボタンから新しく表示されたメニューに移動すると、メニューも撤回されます。これは、最終的にメニューに表示されるリンクをクリックできるようにする必要があるため、問題になります。子供はホバーイベントをトリガーしないようです。また、IE9では、ボタンにカーソルを合わせても、ホバーイベントがトリガーされることはありません。

うまくいけば、これは十分に明確に表現されています。ありがとうございました！YM

4

2 に答える 2

1

バグではありません。で要素の境界の外にカーソルを移動すると.hover、ホバーしなくなりました。そのような単純な。

境界を拡張するか.hover、メニューにも a を適用します。

于 2012-05-24T05:04:41.430 に答える
1

トムが言ったように、サブメニューに .hover 疑似クラスを適用したいと思うでしょう。これはそれほど難しくないはずです。あなたのサイトを見ると、次のようなCSSセレクターがあると思います

.dropdownMenu:hover { display:inline; }

トリックを行う必要があります。

于 2012-05-24T07:20:04.237 に答える