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>

Popup在计算机和移动浏览器上运行良好。但我将它转换为app（.apk）后在Android手机上测试它。然后在弹出窗口上显示蓝色透明层，如果我点击移动屏幕上的某个位置，该图层将从弹出窗口中删除。

如何删除此蓝色透明屏幕。

Sample Code - JJFiddle

Download sample application from here

Answer 1

在您的情况下，您必须覆盖css：

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

经过测试和工作;）

Answer 2

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

按照该链接跟踪解决方案。它似乎确实是造型问题......