1

次のような構造の不十分なドロップダウン メニューがあるとします。

<div class="regular"><a href="#">title</a></div>
<div class="menu">
    <a href="#">title</a>
    <div class="menu_wrapper">
        <a href="#">sub title</a>
        <a href="#">sub title</a>
    </div>
</div>

このシナリオでは、トップ レベルにカーソルを合わせると、同じ要素の一部とは見なされないという結果になる.menu_wrapperというプロパティを持つように構築されています。同じホバーイベントの。position:absolute;.menu.menu_wrapper

イベントバインダーをオンにすることが可能かどうか疑問に思っていますが.menu、イベントがトリガーされたら、バインダーを.menu_wrapper明示的に拡張して、「ホバー効果」が安定して機能するようにします。

私が持っている不十分に構造化された CSS の大部分を再配置しようとするよりも、簡単な解決策のように思えます。

一般的なアイデア、意見、ヘルプをいただければ幸いです;)。

4

2 に答える 2

0

このようなことを試しましたか？(jQuery)

$(".menu").hover(
  function () {
    $(".menu_wrapper").show();
  },
  function () {
    $(".menu_wrapper").hide();
  }
);
于 2012-11-14T12:45:57.847 に答える
-1

mouseover/mouseout イベントの両方を使用して問題を解決できました。

これは間違いなくこれを処理する最も効率的な方法ではありませんが、まともな修正です。

   $('div.menu').mouseover(function() {
       $(this).find('div.menu_wrapper').show();
   });

   $('div.menu_wrapper').mouseout(function() {
       $(this).hide();'
   });
于 2012-11-14T12:58:20.060 に答える