Я искал SO, и этот вопрос, кажется, задавали несколько раз, но я не могу заставить его работать в моем примере.
Вот код для экспериментов: http://jsfiddle.net/vol7ron/w8QsZ/2/
Я ищу что-то похожее на подсказку Flowplayer, где:
- есть триггер, вызывающий появление меню при наведении
- меню исчезает при выходе из триггера
- если пользователь наводит курсор на меню (или всплывающую подсказку), всплывающее окно должно оставаться открытым
Я предполагаю, что триггер hoverOut
должен вызвать исчезновение с помощью setTimeout()
с некоторой задержкой, но в меню mouseenter()
тайм-аут должен быть очищен.
Я все еще новичок в jQuery и не знаю, где хранить сгенерированный timeoutID и где его вызывать.
Примечание. одно и то же меню будет использоваться для нескольких триггеров.
Обновление: Хорошо, у меня есть кое-что работающее: здесь
Может ли кто-нибудь помочь мне очистить его и сделать его более эффективным. Что еще более важно, я бы не хотел использовать глобальные переменные для timeoutID. Возможно, есть лучший способ сохранить его в объекте?