jQuery：如何正确使用.stop()函数？

<script type="text/javascript">
    //<![CDATA[
    $(function(){
        $('#nav_menu > .center > ul > li').hover(function() {
            $(this).stop(true,truE).children('ul').slideToggle('slow');
        }).click(function(){ 
            return false; 
        });
    });
    //]]>
</script>

你需要在两个方向都使用.stop()来停止队列,否则鼠标的鼠标中心部分会一直排队它的动画.此外,既然你正在切换,你可以像这样缩短它：

$('#nav_menu > .center > ul > li').hover(function() {
   $(this).children('ul').stop(true,truE).slideToggle('slow');
}).click(function(){ 
  return false; 
});

你需要ul元素上的.stop(),因为那就是动画.试试这个,你会发现它有点笨拙,因为它正在重置动画而不是排队.另一种方法是使用:visible和:hidden选择器来阻止队列…我更喜欢这种效果,但取决于你:)

$('#nav_menu > .center > ul > li').hover(function() {
   $(this).children('ul:hidden').slideDown('slow');
},function() {
   $(this).children('ul:visible').slideUp('slow');
}).click(function(){ 
  return false; 
});