两个水平线与Mega下拉菜单

Question

我正在使用众所周知的Mega下拉菜单插件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/