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

时间:2011-11-16 04:39:43

标签: jquery jquery-mobile cordova navigation

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

的stackflow中给出的解决方案

-webkit-backface-visibility:hidden;

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

感谢

2 个答案:

答案 0 :(得分:0)

我在Android 2.2上测试应用时遇到了这个问题。尝试在具有更高版本Android的设备上测试您的应用,您应该注意到相当大的差异。这是因为Android 2.2非常慢。当2.3版本出现时,性能上迈出了一大步。如果你想确保应用程序看起来不适合年长的Android用户,你可以考虑关闭动画或禁用阴影。

答案 1 :(得分:0)

好的加尔斯,我想我对这个非常糟糕的问题有一个很好的答案!

在我的设备上,只有当我正在转换的页面在其pagebeforeshow或pageshow处理程序中有某种动画时才会出现闪烁。例如,我有一个带有列表视图的页面,有时会在视图中显示特殊警告。每当显示该警告时,页面转换将在转到该页面时闪烁。如果没有显示,则没有闪烁。

最好的事情是:有一个合理的解决方法!

有助于将动画推迟几秒钟。在我的带有Android 4.0.3的Nexus S上(在jQueryMobile页面转换方面比lousy糟糕),800ms足以防止闪烁,400ms太短。即使在800毫秒,从用户的角度来看,在页面加载中也不会感觉像是一个奇怪的停顿。

另一件有用的事情是不要过早地将注意力集中在输入上。这似乎也使浏览器混淆了它动画的页面,从而使它在新旧页面之间来回跳转。再次,800毫秒足以安抚动画引擎,它可能仍然是瞬间出现。

如果您要转换的页面同时包含pagebeforeshow和pageshow事件处理程序,则似乎存在更多闪烁风险。如果只附加其中一个,则不闪烁。转换仍然不是很顺利,但至少你认为刚离开的页面没有难看的闪回。

相关问题