Phonegap页面在更改页面中闪烁

Question

我在jqueryMobile 1.4.2中使用location.hash="Page1";来更改页面，但这会导致页面闪烁。

$("#id").click(function( event ) {
    event.preventDefault();
    location.hash = "Page1";
});

Answer 1

这解决了我在文本字段获得焦点时遇到的类似问题，屏幕瞬间闪烁。为解决转换问题，我使用了以下内容：

这是旧的Android设备和Android版本的问题，没有启用硬件加速，因此设备没有正确的双缓冲，你看到重绘动画的所有丑陋的荣耀。

我在应用程序配置中强制硬件加速。这样可以通过GPU实现双缓冲并解决闪烁问题。这也应解决可能遇到的一些其他渲染问题。

<preference name="android-hardwareAccelerated" value=" true" />

我将视口设置为允许没有任何js库的固定标头。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

最后但并非最不重要的是，我可以在我的应用中使用以下CSS样式

*{
-webkit-transform: translate3d(0px,0px,0px);
}