3

これが私の問題ですhttp://jsfiddle.net/yf4W8/4/

メニュー項目にアクセスしようとすると、メニューがすぐに消えてしまいます。どうすれば解決できますか？

4

4 に答える 4

5

修理済み！
http://jsfiddle.net/yf4W8/14/

別のdivでラップしたところ、それをホバーするとメニューが表示されます。私のラッパーもメニューをラップするので、その<a>ままにしておくと、メニューは表示されたままになります。

于 2012-08-27T12:39:15.007 に答える
4

これは、ホバーしているリンクと表示されるアイテムの間にギャップがあるためです。

ギャップを削除すると、機能します。

于 2012-08-27T12:38:49.477 に答える
3

これは、この効果のためにCSSを正しく使用していないためです。必要なのは、マウスが見出しからリストに移動した場合にメニューが表示されたままになることです。それ以外の場合は、メニューが消えるはずです。そのためには、Javascriptを使用できます。何かのようなもの：

$("#heading").mouseenter(function(e) {
  if ($(e.ralatedTraget).prop('id') != 'menu') {
   $("#menu").stop().fadeIn(500);
   }
});
$("#heading").mouseleave(function(e) {
   if ($(e.ralatedTraget).prop('id') != 'menu') {
     $("#menu").stop().fadeOut(500);
    }
});
于 2012-08-27T12:41:42.113 に答える
0

それはあなたのCSSの構造です。私はあなたがあなたが持っているものに使用またはコピーして実装することができるはずの簡単なドロップダウンを構築しました。

フィドラーの例

于 2012-08-27T12:45:21.253 に答える