Hover и ссылка на мобильном устройстве. Почему не работает hover, и сразу происходит переход по ссылке?

Question

[Александр]

Что мне я пытаюсь сделать ?
Многоуровневое меню. На любой пункт можно нажать и перейти по ссылке, при наведении показывается под категории.
На мобильной версии при касании отрабатывает ссылка, Подкатегории не показываются. Почему ?
Так же я хочу сделать чтобы на мобильном не было перехода по ссылке, а просто выпадало меню. Пример сайта с меню как я хочу сделать:

фото

Comments

[WapSter]

Давай подумаем hover - это поведение при наведении курсора мыши, у мобильного телефона есть мышь или курсор?
Обычно это делается на js, прерывается обычное поведение ссылки и она грубо говоря становится обычным блоком, при нажатии на который, что-то происходит

[Александр]

WapSter, я смотрю пример сайта что кинул. Там ссылка в коде остается, не удаляется. И js не вижу где используется. Но при этом на мобильной версии ссылка перестает работать

[WapSter]

Александр, я написал что она удаляется? Вроде нет. preventDefault()

[Александр]

WapSter, но там нет js, я просмотрел код, не увидел.

[WapSter]

Александр, интересно где ты смотрел? Я там вижу кучу js кода

[Александр]

WapSter, js есть конечно :D Но я говорю именно про меню. Если есть preventDefault(). То не пойму почему только на мобильном. Обычно добавляют в боди классы mobile и т.д. Но тут нету ни какого ориентира. Можешь подсказать пожалуйста какую-нибудь библиотеку на js для таких меню?

[WapSter]

Александр, использовать целую библиотеку просто для проверки разрешения экрана? Не знаю такой.

[Александр]

WapSter, я не пойму где в коде делается проверка. ОБычно делают так: вещают на документ событие, проверяют разрешение и добавляют класс desc или mob в боди. Тут такого нету

[wisgest]

Так делать не следует!

Answer 1

[SotickYoker]

ТАм описан эвент что при клике будет происходить.
В моб версии тебе так-же надо будет сделать

let el = document.querySelectorAll(".menu-a")
el.forEach((e)=>{
e.addEventListener(""click",()=>{
И тут что происходит по клику на "e"
})
})

Comments

[Александр]

Ну я так полагаю помимо этого надо ещё проверку делать, что это мобильная версия

[SotickYoker]

оберни в if + еще на resize так же вставь код в функцию

if(window.innerWidth < 640){
//выполнение кода
}