Jquery移动弹出窗口在打开时显示一个蓝色图层

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>

弹出是工作良好的计算机和移动浏览器。但我把它转换成应用程序(.apk)后，在安卓手机上进行了测试。然后一个蓝色的透明层显示在弹出窗口上，如果我点击手机屏幕上的某个地方，这个层将从弹出窗口中移除。

如何移除这个蓝色透明屏幕

示例代码- JJFiddle

Answer 1

在这种情况下，你必须重写css:

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

Answer 2

此问题已添加到jquery-mobile问题跟踪系统:https://github.com/jquery/jquery-mobile/issues/7533

按照该链接跟踪解决方案。