jquery 清除动画队列

Question

我有下面的代码，运行良好，可以查看示例。一旦用户将鼠标悬停在一个菜单上，除非刷新页面，否则您将无法再次将鼠标悬停在该菜单上。我有一种感觉，它与我的队列有关，我尝试过 .stop() 但似乎不起作用。

<script type="text/javascript">
    $(document).ready(function() 
     {


        $('li').hover(function() 
        { 

                   $(this).children("p.subtext").stop().slideDown();            




            }, 

                function() 
                { 

                 $(this).children("p.subtext").stop().animate({height:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 

        }); 





    }); 
    </script> 

干杯

Answer 1

在这种情况下，请使用.stop(true, true)

stop 中的第一个参数指示它清除队列，see here for more info on .stop()

编辑，针对您的队列问题:

$('li').hover(function() { 
  $(this).children("p.subtext").slideDown();            
}, function() { 
  $(this).children("p.subtext")
         .animate({height:'toggle'},{duration:600, easing: 'easeOutBounce'});
});