Firefox 中的 Slidedown 和 SlideUp 循环错误

http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial#comment-7912 http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial#comment-7912

我有一个与 queness 上的菜单一模一样的菜单，因此请查看演示以查看问题。基本上，如果您使用的是 Firefox，并且鼠标垂直向上和离开按钮，您可以使向下滑动和向上滑动循环闪烁。尝试一下，您会发现这很容易做到。

有没有办法来解决这个问题？由于某种原因，它只发生在 Firefox 中。

Thanks

是的，你可以使用 JQuery 中的 stop() 函数，发生的事情是它的概率排队。

http://api.jquery.com/stop/ http://api.jquery.com/stop/

$(document).ready(function () { 

$('#nav li').hover(
    function () {
        //show its submenu
        $('ul', this).stop(true,false).slideDown(100);

    }, 
    function () {
        //hide its submenu
        $('ul', this).stop(true,false).slideUp(100);         
    }
);
 });

这会阻止动画排队，请检查 stop() 的参数以满足您的需求。

EDIT:

查看http://css-tricks.com/examples/jQueryStop/ http://css-tricks.com/examples/jQueryStop/

显示参数与 Stop 的差异。 True true 会重新启动动画，这会使其看起来有问题。 True 、 false 允许动画完成，但会终止队列。