jQuery Mobile + Phonegap:转换完成后页面标题和内容变为空白

时间:2012-12-10 05:21:04

标签: jquery ios cordova

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

我的应用中有一个页面,其中包含加载其他页面的链接。在加载的页面上,我有一个后退按钮,单击该按钮后,用户将返回上一页。当我在Web浏览器中查看此交互时,它可以正常运行并且不会抛出任何错误。

然而,当我在IOS中查看它时,一旦后退按钮过渡动画完成,页面内容和标题就会消失。我看到页面显示为闪光然后它全部变白。再次,只是页面标题和内容消失。我在返回的页面上的pageshow事件中发出警报,并且在警报关闭之前页面不会变为空白。

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

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

我现在已经无法解决这个问题,所以对此的任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

事实证明,这是一行CSS搞砸了。我稍微添加了一些CSS以减少​​过渡之间的闪烁。当我删除它时,一切正常。违规的css是这样的:

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