jquery – 删除Superfish下拉菜单onmouseover的延迟,同时保持Hoverintent延迟onmouseout

前端之家收集整理的这篇文章主要介绍了jquery – 删除Superfish下拉菜单onmouseover的延迟,同时保持Hoverintent延迟onmouseout前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我无法删除Superfish下拉式修复程序的初始延迟.我的客户希望延迟onmouSEOut,但不是延迟onmouSEOver.

我有一个纯CSS的下拉菜单(与Twentyten下拉菜单相同),并且正在应用Suckerfish.js.

这是我的代码

$('ul#menu-airco-mb-navigatiestructuur').superfish({
    delay: 600,autoArrows:    false,speed: 'fast'
});

我一直在阅读the manual of Superfish,但我似乎找不到什么触发了初始延迟.也许它与动画动画有关:{opacity:’show’}(我似乎不能让我的头脑).

协助不胜感激!

解决方法

看起来你可能会包括HoverIntent插件. Superfish的选项之一是“disableHI”.如果你设置为“true”,那么Superfish将不会使用HoverIntent来延迟mouseenter事件.或者,如果您不打算在网站上的其他位置使用HoverIntent插件,您可以不包括HoverIntent插件.希望这可以帮助.
$('ul#menu-airco-mb-navigatiestructuur').superfish({
    delay: 600,autoArrows: false,speed: 'fast',disableHI: true
});

我创建了两个测试用例. first one是您的页面的简化版本使用您的CSS和the second是完全一样的,除了我删除所有的CSS,只包括在Superfish网站上找到的基本superfish.css.我还将菜单类从“菜单”更改为“sf菜单”,以使superfish.css工作.

请注意,我的CSS的版本的工作原理就像您想要的那样,而带有CSS的版本则具有您所描述的错误.我想有一个CSS问题,你可以通过比较我的和你的更改,以更好地匹配它来整理出来.我看到的一个区别是,我将子菜单UL设置为固定的宽度,并将其孩子的LI设置为100%,而不会.这不是罪魁祸首,但表明您可能会从CSS中更好地调整CSS和经验丰富的Superfish菜单.希望这可以帮助.

原文链接:https://www.f2er.com/jquery/176072.html

猜你在找的jQuery相关文章