Jquery "Droppy"下拉菜单 - 鼠标退出时未正确隐藏

Question

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

它最初会隐藏，但当你再次尝试使用菜单时，它就有问题了。我知道它是因为它一开始就没有正确地隐藏起来。我的一个想法是每次初始化菜单时都要"重置"菜单。

http://jsfiddle.net/YmaAE/

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

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很容易根据您的样式需求进行调整，而且它在所有浏览器中都能很好地工作。