带有Mega下拉菜单的两条水平线

Question

我从这里使用著名的Mega Drop Down Menu插件。 它工作正常，但如果要制作两行菜单，则不能。 我在这里创建一个示例： 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/