Задать вопрос
@Dimas123
javascript

Почему на iphone не работает hover в меню?

На iphone не работает это меню designmodo.com/demo/css3megamenu. При нажатии не открываются подменю.

В интернете есть такое решение:

<script type="text/javascript">
    if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
        $('.nav li a').click(function () {});
    }
</script>

Пробовал прописать перед html меню этот код, не помогло. Может, что-то не так делаю?
  • Вопрос задан
  • 5134 просмотра
1 комментарий
Подписаться 3 Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
mlnkv
@mlnkv
JavaScript Developer
а как вы представляете себе наведение на элемент в тач устройствах?
это когда палец на миллиметр от экрана над элементом завис?))
В тач устройствах есть touchstart, touchend, touchcancel, touchleave, touchmove.
docs
Ответ написан
1 комментарий
1 комментарий
k12th
@k12th
console.log(`You're pulling my leg, right?`);
В интернете нашлось какое-то неполное решение.
Во-первых, в стили надо добавить класс, который будет делать то же, что и :hover. Во-вторых, по-клику (а лучше на ontouchend), снимать этот класс со всех nav li и добавлять туда, где кликнули.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Привязка к Маркетплейсам 1С Розница 2.3
20 апр. 2024, в 05:26
10000 руб./за проект
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Ещё заказы