Почему не работают поповеры, тултипы и модальные окна на сайте при просмотре через Ipad?

Здравствуйте, уважаемые сообщники.
Такая проблема. Есть сайт, использующий фреймворк bootstrap второй версии.
Структура сайта большая и сложная: много всплывающих элементов (тултипов, поповеров) и модальных окон.

На десктопных браузерах все работает как надо. Однако при просмотре сайта на IPad не работает практически ни один элемент. При нажатии ничего не происходит.

Пробовал смотреть через эмулятор типа: ipadpeek.com - все отлично. А на IPad не работает.

Плюс на IPad странный эффект при нажатии на ссылку - в момент нажатия она закрашивается одноцветным прямоугольником.

В чем может быть причина?
Заранее спасибо.
  • Вопрос задан
  • 3196 просмотров
Пригласить эксперта
Ответы на вопрос 2
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
Фокус в том, что на iPad по сути отсутствует такое событие как MouseOver / Hover. Там есть события Tap / Double Tap / Gestures. Проще говоря, если у вас взаимодействие завязано на наведение мышкой на объекты, то планшет этого не понимает, ибо на нем наведения нету. По поводу прямоугольника при клике - это, скорее всего, и есть попытка айпада отобразить состояние :hover / :active. Первый тап - имитация события наведения, второй тап - собственно переход по ссылке.
Ответ написан
Satanpit
@Satanpit
Front-end developer
Включите консоль на iPad:
"Settings" -> Safari -> Developer Debug Console (on)
и просмотрите ошибки JS
Ответ написан
Ваш ответ на вопрос

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

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