Отмена выполнения функции, если перестает выполнятся событие hover до истечения времени задержки

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Всем привет.

Подключил к главному верхнему меню блога zashitnik.com следующий скрипт:


				jQuery.noConflict();
				jQuery('ul#topnav').ready(function(){
				jQuery('ul#topnav li').hover(
					function() {
  						jQuery(this).find("span").delay(300).slideDown(200);
						
  					},
					function() {
						jQuery(this).find("span").fadeOut(300);
  					});
				});
			

Чтобы подменю выползало не сразу, поставил задержку .delay ()

Вопрос: что нужно дописать к коду, чтобы в случае когда пользователь переводит курсор на другой пункт главного меню до того, как раскроется подменю (то есть до истечения задержки), функция переставала выполняться и подменю не появлялось?

Создай свой первый сайт на WordPress

vollirik
Оцените автора
Добавить комментарий

  1. vollirik автор

    Нашел решение вопроса. Помог замечательный плагин hoverIntent

    Просто скачиваем плагин, заливаем на сервер, подключаем к шаблону и в тексте скрипта, который вставлен в шаблон, меняем .hover на .hoverIntent

    Супер!

    Ответить