无法导航到子菜单，菜单和子菜单之间的空间

Question

我有两个工作网站，并在菜单中添加了css3过渡效果

我陷入了一个问题，我无法导航到子菜单。当鼠标在菜单'我们的程序'上时，以下是网站的行为

http://localhosting.asia/slimagain/

它显示菜单，菜单和子菜单中有足够的视觉空间，因此无法导航。

http://localhosting.asia/slimagain1/

它显示菜单，菜单和子菜单中没有空间，我很容易导航到子菜单。

两个导航代码都相似，没有特定的空间代码。

Answer 1

好吧，因为这是标记的jQuery，所以使用jQuery并在隐藏菜单之前添加一些延迟。 :) 像这样：

var ddTimer;
$(document).on('mouseenter','#navigation > li', function() {
    $('.sub-menu').hide();
    clearTimeout(ddTimer);
    $(this).find('.sub-menu').show();
}).on('mouseleave','#navigation > li', function() {
    var $dropdown = $(this).find('.sub-menu');
    ddTimer = setTimeout(function() {
        $dropdown.hide();
    },500);
}).on('mouseenter','.sub-menu', function() {
    clearTimeout(ddTimer);
});

Answer 2

我能够解决我的问题，这是因为子菜单顶部的错误值。