iPhone网络应用程序(基于jQTouch) - 自iOS 5以来的动画生涩

时间:2011-10-19 22:11:05

标签: iphone html5 web-applications ios5 jqtouch

7月份,我使用jQTouch构建了一个iPhone网络应用程序。在iOS 4上我对网络应用没有任何问题:内置的jQTouch动画(向左滑动,向右滑动)等光滑如丝。

然而,自从升级到iOS 5以来,这些核心页面过渡动画(向左滑动,向右滑动和翻转)变得非常生涩。

可以找到网络应用here(请将其添加到iOS 5 iPhone的主屏幕上):

要查看效果,一旦将其添加到主屏幕,启动应用程序并继续点击主按钮 - 速度,距离或时间。

我做了很多谷歌搜索并没有找到任何东西,但我确信其他开发者必须已经/将会受到这个问题的影响。

问题不仅限于我的3GS设备,因为我在其他人的设备(包括iPhone 4)上尝试过这个问题,我看到同样的问题,但仅限于iOS 5。

我试过的东西:

  • 将我的jquery.js更新为不同的版本 - 包括最新的 - 动画仍然生涩

  • 将jQTouch更新到最新版本 - 动画仍然生涩

  • 剥离所有JavaScript,只留下jQTouch及其初始化 - 动画仍然生涩

  • 删除所有自定义css,只保留默认的jQTouch CSS - 动画仍然生涩

  • 删除所有CSS,除了jqtouch.css中的CSS3动画 - 动画仍然生涩

  • 删除html元素 - 我注意到当我从Web应用程序中删除了所有选择输入元素时,动画再次变得平滑。但是,附加到这些元素的标记或CSS没有什么奇怪之处。这个问题可能只是在动画期间一次在页面上包含太多元素吗?

所以看来这个问题与HTML元素而不是JS或CSS有关,虽然我真的无法弄清楚为什么......标记除了之外都是有效的我使用过的特定属性,例如占位符 autocapitalize 等。

奇怪的是,jQTouch demo上的动画在iOS 5上看起来仍然很流畅。

非常感谢任何帮助/建议。

谢谢!

修改:此外,“信息”页面上“反弹”的按钮也变得不稳定。这使用了jQuery UI弹跳效果。这是iOS 4上完全流畅的动画。

0 个答案:

没有答案