javascript - メガドロップダウンメニューのある2本の水平線

Question

私はここからよく知られているメガドロップダウンメニュープラグインを使用しています。これは正常に機能していますが、2行のメニューを作成する場合は機能しません。ここで例を作成します：jsFiddle 2行目のメニューにカーソルを合わせると、高すぎるという問題があります。助けてくれてありがとう。

Answer 1

このメニューがこのように使用されるように設計されているかどうかはわかりませんが、次のようなことができます。

$('#mega-menu-1').dcMegaMenu({
    rowItems: '3',
    speed: 0,
    effect: 'slide',
    event: 'hover',
    fullWidth: true,
    beforeOpen: function() {
        $(this).find(".mega").css("top", 40 + $(this).offset().top-$(this).parent().offset().top);
    }
});

基本的に、beforeOpen選択したメニュー項目のオフセットに応じてメニュートップを変更します。

http://jsfiddle.net/r0m4n/HJGFW/10/