javascript - 带有超级下拉菜单的两条水平线

Question

我在这里使用众所周知的 Mega Drop Down Menu 插件。它工作正常，但如果你想制作两行菜单就不行了。我在这里创建了一个示例：jsFiddle There is a problem on second line menu is too height when you hover on it. 谢谢你的帮助。

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/