ios - 用于移动应用程序的 PhoneGap 和 jQuery Mobile 页面之间的白色闪光

Question

在 iPhone 上使用 jQuery Mobile 和 PhoneGap 在页面之间导航时，在新页面加载之前会显示恼人的白色闪光灯。像这样的简单链接将导致:

<a href="user.html" rel="external" data-role="button">User details</a>

我该如何解决这个问题？一个合理的解决方法可能是将白色闪光灯更改为与我的网页背景颜色相同的颜色，但我也不知道这是否可行。

更新:

我在 iPhone IOS 5.1 和 5.2 上使用 PhoneGap 1.5.0(又名 Cordova)、jQuery 1.6.4 和 jQuery Mobile 1.0.1。

该问题似乎在 Safari 桌面中仍然存在(尽管不太明显)。在 Firefox 上没有问题。

更新 2:

闪烁肯定是由于将链接标记为 rel="external"引起的。不幸的是，我正在链接到 jQuery Mobile 多页，所以这是必要的。

Answer 1

jQuery Mobile 1.1.0 RC2(刚刚发布)和 jQuery 1.7.1 的组合不会出现这个问题!!!精彩的。 jQuery Mobile 团队的出色工作。我知道这个错误困扰着他们!

更新:

如果您仍然看到闪光灯，则可以通过在 CSS 中提供通用的主体背景颜色来显着改善用户体验。例如，如果您使用的是深色主题，则将其添加到主题的 CSS 会将“白色”闪光灯更改为“黑色”闪光灯:

body{
   background-color: black !important
}

此外，如果您可以在不使用 rel="external"的情况下离开您的链接，那么 flash 也会消失。不幸的是，根据您的设计，这可能会搞砸您的导航。

我刚刚更新到 qQuery Mobile 1.1.0 final。当链接到外部页面时，flash 是可见的，即不使用多页，但是只有当您链接到的页面很复杂(大)并且需要一段时间渲染。在这些情况下，保持一致的背景会让用户体验非常好。

通过在包含 jquery 移动库之前包含以下 javacript，删除页面转换效果也将中断保持在最低限度。

$(document).bind("mobileinit", function(){
  $.mobile.defaultPageTransition="none"
});