在 jquerymobile 和 phonegap 中从一个页面导航到另一个页面时闪烁

Question

我是 jquerymobile 的新手，正在做一个项目，其中我有 4 个页面，如 A、B、C、D...在所有页面中，我有两个标签栏或导航栏。页面 A 是静态的，在页面 B我正在显示从服务器动态更新的列表视图。在页面 C 中，我有一些图像要显示从服务器更新。在页面 D 中，我必须显示我正在使用谷歌地图的地图位置。他的问题是在测试这个应用程序时我的 android 手机 2.2 ..从一个页面导航到另一个页面时，我得到了很多闪烁和闪烁。没有正确对齐。我已经使用了stackflow中给出的解决方案

-webkit-backface-visibility: 隐藏；

但没有用。请帮助我。任何帮助将不胜感激。如果有人想检查我的代码，我可以提供给他们。

谢谢

Answer 1

我在 Android 2.2 上测试应用时也遇到了这个问题。尝试在具有更高版本 Android 的设备上测试您的应用程序，您应该会注意到很大的不同。这是因为 Android 2.2 非常慢。当 2.3 版问世时，性能有了巨大进步。如果您确实想让应用在旧 Android 用户中看起来不错，您可以考虑尝试关闭动画或禁用阴影。

Answer 2

好的姑娘们，我想我对这个非常糟糕的问题有一个重要的答案！

在我的设备上，仅当我要转换到的页面在其 pagebeforeshow 或 pageshow 处理程序中具有某种动画时才会发生闪烁。例如，我有一个带有列表视图的页面，它有时会将特殊警告淡化到视图中。每当显示该警告时，页面转换将在转到该页面时闪烁。不显示时，不闪烁。

最好的事情是：有一个合理的解决方法！

它有助于将动画推迟几秒钟。在我的带有 Android 4.0.3 的 Nexus S 上（在 jQueryMobile 页面转换方面比糟糕的糟糕），800 毫秒的延迟足以防止闪烁，而 400 毫秒太短了。即使在 800 毫秒时，从用户的角度来看，它也不像是页面加载的奇怪暂停。

另一件有帮助的事情是不要过早将重点放在输入上。这似乎也使浏览器混淆了它正在为哪个页面制作动画，从而导致它在旧页面和新页面之间来回跳转。同样，800 毫秒的延迟足以安抚动画引擎，而且它很可能仍然是瞬时的。

如果您要转换到的页面同时具有 pagebeforeshow 和 pageshow 事件处理程序，闪烁的风险似乎也更大。如果仅连接其中一个，则不会闪烁。过渡仍然不是很顺利，但至少你以为你刚刚离开的页面没有丑陋的闪回。