Навигационное меню jQuery с использованием setTimeout, mouseenter, mouseleave

Question

У меня возникают проблемы с обнаружением проблемы, когда это меню jQuery не работает при наведении курсора между тремя основными вкладками.Меню работает, если я наведите курсор мыши, а затем наведите курсор на весь путь до выбора другой вкладки ... Я думаю, что проблема может быть связана с областью действия переменной (называемой "n" в jQuery) или методом setTimeout ().

Answer 1

Да, используйте var n = ... вместо n = ... для создания локальной переменной.

Для того, чтобы вы в настоящее время обращались к переменной n, как к строке, вычисляемой по истечении времени ожидания, требуется глобальная переменная. Лучше, если вы определите это как функцию, которая может опираться на переменные из локальной области видимости:

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

Демо