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)

在停止这第一个参数指示它来清除队列，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'}); 
});