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

Question

[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();
});

Answer 1

[bk_maestro]

Сделай по человечески. При клике какой-то блок, который открывает меню, делать блок, который будет закрывать весь экран, в нем находится меню. И потом через event.target.id узнавать куда кликал пользователь и если на этот блок, то закрывать меню.
Т.е.
1) Открыть блок с меню
2) Повесить событие на блок с event
3) Если event.target.id = id этого блока, то закрыть меню.
Все просто и везде работает.

Answer 2

[alexhovansky]

Прозвучит странно, но должно помочь:
1) событие вешайте на body $(document).on(... => $('body').on(...
2) Задайте для body в CSS cursor: pointer

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