В мобильном Safari js вообще не работает?

Question

Дмитрий @letehaha

Вникаю вo front-end

В мобильном Safari js вообще не работает?

Проверял только на мобильном Safari на iPhone 5s. Все остальные браузеры и устройства без проблем.
Не работает бургер (на всех страницах)
Не работает кнопка "Написать руководителям" здесь (должен открываться попап)
Не работают табы здесь, здесь и здесь
Не работает анимация вот здесь в таймлайне (это можно пофиксить подключив wow)
В общем блин, вообще считай ничего не работает. Я уже без понятия что делать, подскажите пожалуйста хотя бы куда смотреть :)

UPD: slick благополучно работает

Вопрос задан более трёх лет назад
1870 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

7 комментариев

Дмитрий @letehaha Автор вопроса

Сафари последней версии. Да и я не очень понимаю, как flexbox может повлиять на js?

Написано более трёх лет назад
Дима Паутов @bootd

Дмитрий: он не на js влияет, а на css. Модальное окно у тебя, появляется по средством изменения display: none в display: flex и наоборот. От этого скорей всего не работает. Удали вообще у модального окна display: flex вместе с префиксами. Как там в нём смысл?

Написано более трёх лет назад
Дмитрий @letehaha Автор вопроса

Дима Турков: смысл в форме, которая из-за этого выравнивается по центру. Можно конечно другими способами сделать, но Safari без проблем поддерживает display: flex.

Написано более трёх лет назад
Дима Паутов @bootd

Дмитрий: Попробуйте здесь $('.js-open-popup').click(function(e) {
$('.popup').css({'display':'flex'});
$('body').addClass('stop');
});
$(document).mouseup(function (e){
var div = $('.popup-contact_wrapper');
if (!div.is(e.target) && div.has(e.target).length === 0) {
$('.popup').css({display:'none'});
$('body').removeClass('stop');
}
});

Воспользоваться методами jquery show и hide, а не css!

Написано более трёх лет назад
Дмитрий @letehaha Автор вопроса

Дима Турков: никакого эффекта :)

Написано более трёх лет назад
Givandos @Givandos

Выведите алерт в той же функции (лучше где-то в конце) и увидите срабатывает ли эта функция вообще

Написано более трёх лет назад
Дмитрий @letehaha Автор вопроса

Givandos: вообще не работает. Ни один алерт. Проставил их в начале jQuery document.ready, в начале файла, в начале всех функций. Ни-че-го :)

Написано более трёх лет назад