javascript - 快速悬停在导航链接上时不会触发jquery mouseleave事件？

Question

我有一个下拉导航，我想在其中上下滑动一个可以正常工作的下拉菜单，但是我发现如果我快速将鼠标悬停在链接上，导航链接不会消失，我尝试添加 stop(true,true ) 等但没有成功。谁能建议我如何解决这个问题？

小提琴：http: //jsfiddle.net/9QdhN/3/

JS

mouseleave: function() {        

        if( !isActive ) {
        inner.stop(true,true).fadeOut('fast', function(){
            if (topLevelLinks.children('.sub-nav').filter(":visible").length === 0) {
                subNav.stop(true,true).slideUp();
            }
        });
        }
    }  

});

Answer 1

您不需要isActive变量，jQuery 在stop()方法中为您执行此操作。

这是固定代码：http: //jsfiddle.net/9QdhN/7/