水平 Jquery 菜单 - 试图停止动画队列答案

【问题标题】：horizontal Jquery Menu - trying to stop animation queue水平 Jquery 菜单 - 试图停止动画队列
【发布时间】：2012-07-01 14:38:54
【问题描述】：

您好，我正在尝试制作水平菜单。子菜单也是水平的。子菜单应在悬停时淡入，在鼠标离开时淡出。

我的问题是 Jquery 制作了这些动画队列的东西，这会杀死我的菜单。也许如果你看看jsfiddle 你就会明白我的意思。

【问题讨论】：

with stopPropagation 似乎可以工作，但我不确定你是否想要：hover(function (e) {$(this).children("ul").fadeIn("slow");e.stopPropagation();
经过测试，对我不起作用。同样的问题。但是还是谢谢！
dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/#

标签： jquery css menu jquery-animate submenu

【解决方案1】：

您希望停止哪个元素？改用这个：

$("#nav li").hover(function () {
    $(this).children("ul").stop(true, true).fadeIn("slow");
    },
    function(){
    $(this).children("ul").stop(true, true).fadeOut("slow");
});

jsFiddle

【讨论】：

啊啊好多了！！但你也知道如何防止这种重叠。如果您从左到右快速悬停在所有链接上？或者也许有人现在是我想要做什么的教程或示例菜单..？
@user1494353 通过减少淡出毫秒例如.fadeOut(1); jsFiddle
@user1494353 我认为.fadeOut(100) 非常适合您。