IPhone 6 iOS 9.2.1 HTML в веб-просмотре не перерисовывается должным образом ⇐ IOS

[Гость]

Недавно я столкнулся с этой ошеломляющей ошибкой в ​​гибридном приложении, использующем HTML5, CSS3 и JS. У меня есть только один HTML-файл с двумя элементами, которые действуют как страницы. Использование только классов для переключения их отображения.

HTML:

CSS:

.page{ display: none; ширина: 100%; высота: 100%; } .page.active-page{ дисплей: блок; ширина: 100%; высота: 100%; } JS:

$(elementTrigger).on('tap', function(e){ $('.активная-страница').removeClass('активная-страница'); $(pageToDisplay).addClass('активная страница'); }); /* использование Tocca.js и jquery для событий касания */ Просто, правда? НЕПРАВИЛЬНЫЙ! С первой попытки я без проблем могу перейти на вторую страницу с первой и наоборот. Проблема возникает со второй попытки. События касания, похоже, не работают. Протестировано на реальном телефоне и контролируется с помощью XCode и веб-инспектора Safari. Никаких ошибок в консоли. Когда я попытался вручную переместить класс «активной страницы», он отображался неправильно. Стили CSS не применялись, а при наведении курсора на HTML-элементы в веб-инспекторе Safari показывалось неправильное положение полей.

Он срабатывает только на iPhone 6/6+ с версией iOS 9.2.1. Все остальные iPhone с той же версией и протестированные таким же образом работают отлично. Android работает нормально, кстати.

Мне нужна помощь. Есть предложения?