当许多鼠标悬停事件发生时，jQuery停止动画排队

例如，如果您渲染了下拉菜单，请快速将鼠标移到“关于我们”按钮上，然后像5次一样退出，然后停止菜单打开几次，然后停止。我需要它来做最后一个动画

<script type="text/javascript">
    $(document).ready(function(){
        $("ul.topnav li a").mouseenter(function() {
            $(this).parent().find("ul.subnav").slideDown('fast').show();
        });  


        $(".dropdown").mouseleave(function(){ 
            $(this).stop(true, false);
            $(this).parent().find("ul.subnav").slideUp('fast');
        });
    });

$（文档）.ready（函数（）{
$（“ul.topnav li a”）.mouseenter（函数（）{
$（this.parent（）.find（“ul.subnav”）.slideDown（“fast”）.show（）；
});  
$（“.dropdown”）.mouseleave（函数（）{
$（this）.stop（true，false）；
$（this.parent（）.find（“ul.subnav”）.slideUp（“fast”）；
});
});

HTML:

在过渡前加上

。停止（true，true）

，例如：

$(this).parent().find("ul.subnav").stop(true, true).slideDown('fast').show();

---

在转换前加上

.stop（true，true）

，例如：

$(this).parent().find("ul.subnav").stop(true, true).slideDown('fast').show();

---

奇怪的是，他在他的另一个元素上使用了.stop（），但不是这个。这不是我使用stop的正确方式，这个答案证明了正确的方式，谢谢。奇怪的是，他在他的另一个元素上使用了.stop（），但不是这个。这不是我使用stop的正确方式，这个答案证明了正确的方式，谢谢。