1

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

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

但是,当我在 IOS 中查看时,一旦完成后退按钮过渡动画,页面内容和标题就会消失。我看到页面显示一闪而过,然后一切都变白了。同样,只有页眉和内容消失了。我在要返回的页面上的 pageshow 事件中放置了一个警报,并且该页面直到警报关闭后才变为空白。

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

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

我已经有好几个小时无法解决这个问题了,因此非常感谢您提供任何帮助。

4

1 回答 1

1

原来是一行 CSS 搞砸了。不久前我添加了一些 CSS 以减少过渡之间的闪烁。当我删除它时,一切正常。有问题的 CSS 是这样的:

.ui-page { -webkit-backface-visibility: hidden; }
于 2012-12-11T01:56:17.923 回答