Смена hover на click при скрытии меню
Здравствуйте. Сделал меню с вложенным подменю. Вложенное подменю выплывает при наведении на пункт меню:
$('nav > ul > li').each(function(indx, elem){ $(elem).hover(function(){ $('ul', this).stop(true, true).slideDown(100); }, function(){ $('ul', this).stop(true, true).slideUp(100); }) }) На планшетах и мобильниках, меню находится в скрытом состоянии и появляется при клике на иконку (все пункты расположены в столбик). Как сделать чтобы при таком состоянии меню, подменю появлялось по клику, а не по ховеру? |
Eliot456,
Есть нативный window.matchMedia(...). Делаешь: if (window.matchMedia("(max-width: 768px)").matches) { // обработчики клика } else { // это для примера - дополнительно нужно продолжить ветвление для больших экранов, то бишь ещё несколько matchMedia // обработчики ховера } С какого устройства зайдет, такие обработчики на событие и повесятся |
Часовой пояс GMT +3, время: 03:25. |