jquery - 使用 setTimeout、mouseenter、mouseleave 的 jQuery 导航菜单

Question

当悬停在三个主要选项卡之间时，我无法发现此 jQuery 菜单中断的问题。如果我将鼠标悬停在菜单中，然后在选择另一个选项卡之前一直悬停在菜单中...我认为问题可能与变量的范围（在 jQuery 中称为“n”）或 setTimeout() 方法有关。

Answer 1

是的，使用var n = ...而不是仅仅n = ...创建一个局部变量。

但是，您当前访问n变量的方式（作为在超时后评估的字符串）需要一个全局变量。最好将其定义为可以利用本地范围内的变量的函数：

setTimeout(function() { $(n).hide(); }, 150);

演示