jQuery 第一次悬停问题？

Question

我有一个问题可能会有一个简单的答案，但我似乎无法弄明白。

在我的网站上，我有一个导航栏，当鼠标悬停在上面时，它会使用 CSS/jQuery 翻转。我在第二个导航元素上有一个下拉菜单，它有效，并在悬停时显示下拉菜单...我添加了代码以防该元素悬停然后快速退回，以免下拉菜单困惑。它有效，但不是第一次(例如悬停，快速关闭 = 不起作用......悬停，再次快速关闭 = 有效)。可见here.

您可以查看源代码以查看 HTML(目前没有任何内容并不太困惑)。 jQuery 看起来像这样:

$("#navigation ul .dropdown").hover(
    function(){
        if(windowWidth > 730){
            //in case not faded out already
            $(this).find("ul").fadeOut(10);

            $(this).delay(600).queue(function(){
                $(this).find("ul").fadeIn("slow");
                $(this).removeClass("hideOver");

                $("#navigation ul .dropdown").mouseleave(function(){
                    $(this).addClass("hideOver");
                    $(this).dequeue();
                });

                $(this).dequeue();
            }); //end queue

            $("#navigation ul .dropdown").mouseleave(function(){
                $(this).addClass("hideOver");
            });

        } //end if (for web view only)
    }, function(){
        $(this).addClass("hideOver");
    }
);

CSS 类是:hideOver(溢出:隐藏)和 showOver(溢出:可见)。

当它第一次搞砸时，它看起来像这样(因为类由于某种原因没有被应用):

感谢您的帮助!

Answer 1

是否更改代码:

$("#navigation ul .dropdown").hover

到:

$("#navigation ul .dropdown").mouseenter

解决问题？只要鼠标进入或离开某个区域，就会触发悬停。因此，如果您已经有 mouseleave 事件，也许您正在寻找的是 mouseenter 事件？