问iPad上的jQuery手机在页面过渡时闪烁

EN

我也有同样的问题

http://mailinglist-archive.com/rhomobile/2011-08/00656-Re+rhomobile+page+views+and+transitions提到了一些对我有效的东西。

<style>
/*** patch for jquerymobile page flicker that was happending ***/
    .ui-page {
        -webkit-backface-visibility: hidden;
    } 
</style>

我仍然在工具栏中看到闪烁，所以我将工具栏转换为：

<ul data-theme="b" data-role="listview" style="margin-top: 0;">
     <li data-role="list-divider">Your text goes here</li>...

我对注释掉focus感到紧张，但谷歌搜索发现以下CSS似乎可以工作：

.ui-page * {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}

原始链接：https://github.com/jquery/jquery-mobile/issues/2856

我只是在幻灯片转场上遇到了问题(即使是反向幻灯片也很好用。JQ 1.7.1 JQM 1.0.1 PhoneGap 1.5.0

修订:应该注意的是，随着iOS 5.0的发布，下面的讨论得到了缓解。对于任何没有升级的人来说，这可能是一个部分影响因素，但如果你运行的是5.0，Nitro就会一直存在。http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-apps.ars

--原始答案--苹果在Safari浏览器中引入了Nitro javascript引擎。但是，他们只将其安装在浏览器上，而不是安装在UIWebView中(这是您从主屏幕运行或嵌入到PhoneGap等应用程序中时得到的)。

有一些猜测是不是故意忽略了这种性能提升。http://www.mobilexweb.com/blog/apple-phonegap-html5-nitro。

所以，如果它看起来表现得很慢...那是因为它真的是。它没有使用硝化甘油引擎。