Jquery“Droppy”下拉菜单 - 没有在mouseout上正确隐藏

Question

我有一个我很满意的下拉菜单，但是......如果在子菜单处于活动状态时将鼠标移出，则无法正确隐藏相应的子菜单。

它最初会隐藏，但是当你再次尝试使用菜单时，它就是错误的。我知道它，因为它没有正确隐藏在第一位。我的想法是重置＆＃39;每次初始化菜单。

  

http://jsfiddle.net/YmaAE/

我认为这可能与隐藏功能有关，我已经搞砸了很多：

function hide() {
    var subnav = getSubnav(this);
    if (!subnav) return;
    $.data(subnav, 'cancelHide', false);
    setTimeout(function() {
        if (!$.data(subnav, 'cancelHide')) {
            $(subnav).hide("fast");
        }
    }, 500);
};

Answer 1

我通常喜欢帮助弄清楚代码有什么问题，但是下拉菜单很棘手。

我曾经多次使用DDSmoothMenu并且它总是运作良好。 CSS很容易根据您的样式需求进行调整，并且适用于所有浏览器。