使用Jquery mobile的android 4.0.3中的Phonegap应用程序不显示内容

时间:2013-05-31 21:37:24

标签: android jquery-mobile cordova android-4.0-ice-cream-sandwich

我正在创建一个Phonegap应用程序。我正在使用jquerymobile进行页面加载和转换。除了ICS 4.0.3之外,该应用程序在所有Android版本中都运行良好。

加载页面后,页面中的某些元素会在一秒钟内显示,并且它们不可见。

不可见的元素主要是tag,而div是data-role =“button”。

我也收到如下错误:

couldn't load the vertex shader!

call to OpenGL ES API with no current context

我已添加android:hardwareAccelerated="true"

有人能让我知道为什么会这样吗

2 个答案:

答案 0 :(得分:1)

我稍后发现了问题的原因。

我正在使用 -webkit-backface-visibility:hidden来制作更流畅的动画,这就是我的网页在ICS中无法正常显示的原因。

当我从我的CSS中删除它时,应用程序运行正常。

答案 1 :(得分:-1)

您可以在Google Chrome上运行这些页面,只需观察控制台是否有错误(如果有的话)。这是因为如果内置在phonegap中的页面在Chrome浏览器上正常运行,那么它们将在模拟器或实际设备上正常运行。您可以按F12键激活控制台

您也可以尝试在rel="external"末尾使用 <data role=button> ,例如<data role=button.....rel=external>。正确打开页面可能会有所帮助。