Что делать с проблемой вложенном меню на мобильных версиях?

283

23 сентября 2017, 21:18

Есть вложенное меню, при наведении на список выводиться его подменю. На мобильной версии нет понятия hover, и чтобы появилось подменю нужно нажать по списку, но при этом происходит переход к ссылке.

Answer 1

Как вариант можно сверстать аналогичное меню, только для мобильников. По типу - "кнопка бургер", по клику на нее слева выкатывается полное развернутое меню.

Костыльный вариант решения

На JS в мобильной версии отмените событие клика на ссылках которые разворачивают меню.

$('.menu-link').click(function(Event) {
    Event.preventDefault();
})

Теперь есть 2 варианта развития.

Добавляем нужную ссылку в выпадающее меню
Меняем состояние исходной кнопки (которая разворачивает меню), и по клику на нее отправляем юзера на нужную страницу.