jQuery Mobile+Phonegap:转换完成后,页眉和内容变为空白



我有一个phonegap(2.2.0)+jquery mobile(1.2.0)应用程序出现了一个奇怪的问题。

我的应用程序中有一个页面,其中包含加载另一个页面的链接。在加载的页面上,我有一个后退按钮,单击该按钮后,用户将返回到上一页。当我在web浏览器中查看这种交互时,它运行得很好,不会出现任何错误。

然而,当我在IOS中查看它时,一旦后退按钮转换动画完成,页面内容和标题就会消失。我看了一下页面,然后全部变白了。同样,只有页眉和内容消失。我在要返回的页面上的pageshow事件中放置了一个警报,在关闭警报之前,页面不会变为空白。

为了让事情变得更奇怪,如果我点击/点击页面的空白区域,内容就会神奇地再次出现!我就是不明白。我试着通过调用页面容器上的.page()和/或.trigger('updateyout')来重新绘制页面,但似乎什么都没做。

只有此页面有此问题。所有其他转换都可以正常工作,即使在出现空白页之后也是如此。

我已经好几个小时没能弄清楚这一点了,所以如果能提供任何帮助,我将不胜感激。

原来是一行CSS把它搞砸了。不久前,我添加了一些CSS来减少转换之间的闪烁。当我把它取下来时,一切都正常。有问题的css是这样的:

.ui-page { -webkit-backface-visibility: hidden; }

最新更新