Показать сообщение отдельно
  #1 (permalink)  
Старый 24.05.2018, 11:14
Интересующийся
Отправить личное сообщение для oleg13321 Посмотреть профиль Найти все сообщения от oleg13321
 
Регистрация: 14.05.2018
Сообщений: 24

mouseenter event Кнопка каталога
Доброго времени суток.
Встала проблема, которую не могу сообразить как решить.
Есть тег div.nav_catalog
При наведении на него на другой не вложенный в него тег div.catalog_list должен вешаться класс .catalog_list__hover.
Таким образом, у меня всплывает меню категорий товаров.

Я это реализовал:
$(document).ready(function() {
	$('.nav_catalog').mouseenter(function(){
		$('.catalog_list').addClass('catalog_list__hover');
	});
});


Встал вопрос как скрыть каталог при уходе мыши.
При уходе мыши с кнопки Каталог div.nav_catalog
>>Если Мышь переведена на div.catalog_list
---Каталог не скрывать
>>Если мышь не над div.catalog_list
---Каталог скрыть

Я пытался вкурить как это проверить, но у меня происходит какая-то фигня, например он у меня либо никак не реагирует, либо реагирует как раз наоборот
Я не могу понять как проверить навелся ли курсор на div.catalog_list
П
$('.nav_catalog').mouseleave(function(){
		// $('.catalog_list').mouseenter(function(e){
		// 	if(!e){
		// 		$('.catalog_list').removeClass('catalog_list__hover');
		// 	}
		// });
	});

Последний раз редактировалось oleg13321, 24.05.2018 в 11:17.
Ответить с цитированием