@Breeze1

Закрыть меню по клику на пустоту?

Ребят, нужно закрыть мобильное меню по клику на пустоту.

Скрипт работает, но только в браузере. На iphone 7 например, меню не закрывается. Можно как-то поправить под телефон ?

Ссылка на страницу brezze7h.beget.tech/home.html

$(document).on('click', function(e) {
if (!$(e.target).closest(".header__item").length) {
$('.header__menu--mobile').removeClass('opened');
$('body').removeClass('body-hidden');
}
e.stopPropagation();
});
  • Вопрос задан
  • 445 просмотров
Пригласить эксперта
Ответы на вопрос 2
@bk_maestro
Сделай по человечески. При клике какой-то блок, который открывает меню, делать блок, который будет закрывать весь экран, в нем находится меню. И потом через event.target.id узнавать куда кликал пользователь и если на этот блок, то закрывать меню.
Т.е.
1) Открыть блок с меню
2) Повесить событие на блок с event
3) Если event.target.id = id этого блока, то закрыть меню.
Все просто и везде работает.
Ответ написан
Комментировать
@alexhovansky
Прозвучит странно, но должно помочь:
1) событие вешайте на body $(document).on(... => $('body').on(...
2) Задайте для body в CSS cursor: pointer

Это заставляет работать onclick на мобильных девайсах
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы