jQuery动画没有停止

我试了我能找到的一切。基本上，这个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 ); 
                }); 
            });

试一试

---

正如您所看到的，这将清除队列并跳到队列的末尾，希望能够真正停止动画。

我尝试过，但它不起作用，可能与$（document）有关。read（，可能它一直运行该代码，这不是原因。$（document）。准备就绪仅在加载文档时发生。

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