jQuery动画不停止

Question

我试过了我能找到的所有东西。基本上这个jQuery是用于导航的，当你将鼠标悬停在一个项目上时，图片淡入淡出。我如何获得第一个动画停止，它不会让其他动画工作。或者，这将是一个更好的方式来编写这个动画

$(document).ready(function(){ 

       $('.navImage').stop().animate({ opacity: 0 }, 400, function(){ }); 


       $('.nav-container li').hover(function(){ 
        var name = $(this).attr("id"); 

        $('img.'+name).stop().animate({ 
         opacity: 'toggle' 
         }, 400); 
       }); 
      }); 

Answer 1

尝试

).stop(true, true).animate(... 

正如你可以在http://api.jquery.com/stop/看到这将清除队列并跳转到它的结束，希望实际停止动画。