jQuery:堕落被切断了

Question

我有一个简单的下拉菜单,并且为了停止动画的构建,我使用了stop()指令,但是现在,当我测试菜单并将鼠标悬停在菜单中时,每当我按下时,下拉菜单都会被"切断"想要完全看到它们.

不确定这是否有意义.

这是我正在使用的脚本:

$(function(){
 $('.dropdown ul').hide();
 $("ul.dropdown li").hover(function(){    
    $(this).addClass("hover");
    $('ul:first',this).stop().slideDown();

 }, function(){    
    $(this).removeClass("hover");
    $('ul:first',this).stop().slideUp();
 });
});

我在哪里放停止()？

任何帮助将不胜感激.

Answer 1

我在.stop(true, true)这里使用所以高度永远不会留在中间,就像这样:

$(function(){
  $('.dropdown ul').hide();
  $("ul.dropdown li").hover(function(){    
    $(this).addClass("hover");
    $('ul:first',this).stop(true, true).slideDown();    
  }, function(){    
    $(this).removeClass("hover");
    $('ul:first',this).stop(true, true).slideUp();
  });
});

第二个true参数告诉它完成动画,跳到它的结尾,所以即使你剪掉一个.slideDown()动画,它也将从元素的最大高度开始......不会在两者之间切断.