0

2 つの作業サイトがあり、メニューに css3 トランジション効果を追加しました

サブメニューに移動できません。マウスが「私たちのプログラム」メニューにある場合、サイトの動作は次のとおりです

http://localhosting.asia/slimagain/

menu が表示され、メニューとサブメニューに視覚的に十分なスペースがあるため、ナビゲートできません。

http://localhosting.asia/slimagain1/

メニューとサブメニューに視覚的にスペースがなく、サブメニューに簡単に移動できます。

どちらのナビゲーション コードも似ていますが、スペースに固有のコードはありません。

4

2 に答える 2

1

これは jQuery とタグ付けされているので、jQuery で実行し、メニューを非表示にする前に遅延を追加します。:) このようなもの:

var ddTimer;
$(document).on('mouseenter','#navigation > li', function() {
    $('.sub-menu').hide();
    clearTimeout(ddTimer);
    $(this).find('.sub-menu').show();
}).on('mouseleave','#navigation > li', function() {
    var $dropdown = $(this).find('.sub-menu');
    ddTimer = setTimeout(function() {
        $dropdown.hide();
    },500);
}).on('mouseenter','.sub-menu', function() {
    clearTimeout(ddTimer);
});
于 2013-03-30T19:35:07.203 に答える