android - 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>

弹出窗口在计算机和移动浏览器上运行良好。但是我在将其转换为应用程序（.apk）后在 android 手机上对其进行了测试。然后，如果我单击移动屏幕上的某个位置，则会在弹出窗口上显示一个蓝色透明层，该层将从弹出窗口中删除。

如何去除这个蓝色透明屏幕。

示例代码 - JJFiddle

从这里下载示例应用程序。

Answer 1

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

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

测试和工作;）

Answer 2

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

按照该链接跟踪解决方案。这似乎是一个样式问题...