jquery - 删除 Superfish 下拉菜单在鼠标悬停时的延迟，同时保持悬停意图在鼠标移出时的延迟

Question

我在消除 Superfish 下拉菜单修复的初始延迟时遇到问题。我的客户想要延迟鼠标移出，而不是延迟鼠标悬停。

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

这是我的代码:

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

我一直在阅读the manual of 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
});

我创建了两个测试用例。 first one是使用 CSS 和 the second 的页面的简化版本完全相同，只是我删除了所有 CSS，只包含了 Superfish 网站上找到的基本 superfish.css。我还将菜单类从“menu”更改为“sf-menu”，以便 superfish.css 正常工作。

请注意，使用我的 CSS 的版本按照您想要的方式工作，而使用您的 CSS 的版本则存在您所描述的错误。我想你可以通过将我的与你的进行比较并更改你的以使其更接近来解决 CSS 问题。我发现的一个区别是，我将子菜单 UL 设置为固定的 em 宽度，并将其子菜单 LI 设置为 100%，而您则没有。这不是罪魁祸首，但表明您可以通过将 CSS 与经过尝试和测试的 Superfish 菜单方法更紧密地结合起来而受益。希望这会有所帮助。