使用setTimeout，mouseenter，mouseleave的jQuery导航菜单

Question

我无法找到在三个主选项卡之间悬停时此jQuery菜单中断的问题。 如果我将鼠标悬停在菜单上，则菜单将起作用，然后在选择另一个选项卡之前将鼠标悬停一路...我认为问题可能与变量的范围（在jQuery中称为“ n”）或setTimeout（）方法有关。

Answer 1

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

但是，您当前访问n变量的方式（作为超时后评估的字符串）需要全局变量。 最好将其定义为可以从局部作用域提取变量的函数：

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

演示版