mouseenter/mouseleave animation chain halt

Question

我不确定如何标题这一个。但我有一个mouseenter/mouseleave行为，分别向上和向下滑动菜单。除非用户多次快速地将鼠标移入和移出元素，否则它的效果非常好。然后，所有的动画被激发，菜单“bezerk”，并继续动画。

我想要的是解除mouseenter事件，直到mouseleave事件完成。我尝试了几种不同的方法，包括stop（）和stopPropogation（），但它没有奏效。

我得到了这段代码的工作，但它似乎并不“正确”给我。

function add_menu_listener(menu, affected){ 
    $j(menu).mouseenter(function(e){ 
     $j(menu).unbind('mouseenter'); 
     $j(menu + " > ul.links").slideDown(); 
     $j(affected).attr('src', "/images/down_arrow_menu.png"); 
    }).mouseleave(function(e){ 
     $j(menu + " > ul.links").slideUp(500, function(){ 
      add_menu_listener(menu, affected); 
     }); 
     $j(affected).attr('src', "/images/right_arrow_menu.png"); 
    }); 
    } 

Answer 1

这里更新与.stop(true,true)小提琴加入到动画：http://jsfiddle.net/maniator/TBxgP/1/

代码：

function add_menu_listener(menu, affected){ 
    $j(menu).mouseenter(function(e){ 
     $j(menu + " > ul.links").stop(true,true).slideDown(); 
     $j(affected).attr('src', "/images/down_arrow_menu.png"); 
    }).mouseleave(function(e){ 
     $j(menu + " > ul.links").stop(true,true).slideUp(500); 
     $j(affected).attr('src', "/images/right_arrow_menu.png"); 
    }); 
    } 

Answer 2

根据您的文章我想你已经看到了这一点，或者是这样的：

http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup

顺便说一句，我建议使用hover()如果你打算使用两个mouseenter()和mouseleave()。

最终，如果您的解决方案能够正常工作，可读性和可接受性（我认为所有这些都适用于此），那很好。