jQuery动画仍然充当队列，即使当queue:false时也是如此

我现在正在制作一个小的渐入渐出亚导航菜单。一切都很正常，只是当我将鼠标移到上方时，导航菜单会先淡入，然后再设置动画。我需要这同时发生，所以我继续并禁用了队列，但由于某种原因，它仍然会淡出，然后按顺序进行动画：C。有趣的是：当我将鼠标移出时，它会同时移动和淡出！非常混乱

$(document).ready(function(){
    $("ul.subNavMenu").fadeTo(0,0);
    $("ul.navMenu").hover(
        function() {
            $("ul.subNavMenu").animate({opacity: 1, marginTop: "20px"}, {duration: 1000, queue:false});
        },
        function() {
            $("ul.subNavMenu").animate({opacity: 0, marginTop: "0px"}, {duration: 1000, queue:false});
        }
    );
});

这是小提琴：

有什么建议吗？

您可以尝试停止（）

默认的宽松政策是摇摆。设置“线性”应该可以解决您的问题

资源

---

我很困惑。它对我有用：。你在用什么浏览器？真奇怪！它在那里对我也有用。我使用的是最新版本的chrome。我在我的chrome上做了更多的测试。似乎淡入开始了，然后不久它会向下移动，同时仍然淡入。从本质上看，动画事实上是重叠的，但每个动画彼此之间的偏移量为几毫秒。这一定与我的CSS有关：你能提供一个CSS吗？

$("ul.navMenu").hover(
        function() {
            $("ul.subNavMenu").stop().animate({opacity: 1, marginTop: "20px"}, {duration: 1000, queue:false});
        },
        function() {
            $("ul.subNavMenu").stop().animate({opacity: 0, marginTop: "0px"}, {duration: 1000, queue:false});
        }
);