jquery mobile popup показывает синий слой при открытии

Question

Я использую мобильный jquery для разработки html5 приложения. Но я сталкиваюсь с некоторой проблемой во всплывающем окне.

Я попробовал приведенный ниже код.

<a href="#popupBasic" data-rel="popup" data-transition="flip"  data-history="false">Open Popup</a>

<div data-role="popup" id="popupBasic">
  <p>This is a completely basic popup, no options set.</p>
</div>

Popup отлично работает с компьютером и мобильным браузером. Но я проверяю это на мобильном телефоне Android после преобразования в приложение (.apk). Затем поверх всплывающего окна отображается синий прозрачный слой, если я щелкну где-нибудь на экране мобильного устройства, этот слой будет удален из всплывающего окна.

как убрать этот синий прозрачный экран.

Пример кода - JJFiddle

Загрузите образец приложения здесь.

Answer 1

Эта проблема была добавлена ​​в систему отслеживания проблем jquery-mobile здесь: https://github.com/jquery/jquery-mobile/issues/7533

Перейдите по этой ссылке, чтобы отслеживать решение. Кажется, это проблема стиля...

Answer 2

В вашем случае вы должны переопределить css:

.flip.in {
    -webkit-animation-name: none;
}

Проверено и работает;)