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

Question

我在删除Superfish下拉修复的初始延迟时遇到了问题.我的客户希望延迟退出,但不要拖延.

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

这是我的代码:

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

我一直在阅读Superfish手册,但我似乎无法找到触发初始延迟的原因.也许它与动画有关animation: {opacity:'show'}(我似乎无法理解这一点).

非常感谢!

Answer 1

看起来你可能会包含HoverIntent插件.Superfish的一个选项是"disableHI".如果将其设置为"true",则Superfish将不会使用HoverIntent来延迟mouseenter事件.或者,如果您不打算在网站的其他位置使用HoverIntent插件,则可能不会包含该插件.希望这可以帮助.

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

我创建了两个测试用例.在第一种是使用你的CSS你的页面的简化版本,第二个是除了我删除了所有的CSS和只包括快鱼网站上找到的基本superfish.css完全相同.我还将菜单类从'menu'更改为'sf-menu',以便superfish.css正常工作.

请注意,我的CSS版本与您希望的版本一样,而带有CSS的版本则有您描述的错误.我想有一个CSS问题,你可以通过比较我和你的问题并改变你的问题来进行梳理.我看到的一个区别是我将子菜单UL设置为固定的em宽度,将子LI设置为100%,而不是.这不是罪魁祸首,但表明您可以通过与经过验证的Superfish菜单测试方法更紧密地协调您的CSS.希望这可以帮助.