jquery - Firefox 中的 Slidedown 和 SlideUp 循环错误

Question

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

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

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

谢谢

Answer 1

是的，您可以在 JQuery 中使用 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() 的参数以满足您的需求。

编辑:

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

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