javascript - 带有巨型下拉菜单的两条水平线

Question

我正在使用著名的巨型下拉菜单插件from here 。 它工作正常，但如果你想制作两行菜单，那就不行了。我在这里创建一个示例:jsFiddle当您将鼠标悬停在第二行菜单上时，第二行菜单会出现太高的问题。谢谢您的帮助。

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/