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/ 看到的那样，这将清除队列并跳到它的末尾，希望真正停止动画。