jQuery Mobile 在 iPad 上的页面转换时闪烁 [英] jQuery Mobile blinking at page transitions on iPad

问题描述

我有一个使用 jQuery Mobile 构建的网络应用程序，在 iPad 上的 Safari 中使用它时运行良好.但是，当您将其添加到主屏幕以将其用作独立应用程序时(通过 删除浏览器导航，然后页面转换在每次页面转换后快速闪烁".

I have a web app built with jQuery Mobile that works fine when using it in Safari on an iPad. However, when you add it to the home screen to use it as a standalone app (with the browser navigation removed by , then the page transitions "blink" quickly after each page transition.

我在谷歌上搜索过这个问题，发现眨眼很久以前就被认为是一个错误，现在应该已经修复了.它似乎在 Safari 中，但不像主屏幕那样独立.有谁知道这是什么原因造成的以及如何解决它?

I have Googled on this and found that blinking was considered a bug a long time ago, and by now should be fixed. And it seems to be in Safari, but not as standalone from home screen. Does anyone know what is causing this and how to fix it?

这和导航栏不存在有什么关系吗?虽然它在 iPhone 上独立运行良好，但它仅在 iPad 上发生...

Does it have anything to do with the fact that the navigation bar is not there? It works fine as standalone on iPhone though, it's only on the iPad that it occurs...

即使有人可以告诉我这是一个已知错误(不是已经修复的旧错误之一，即使在 Safari 模式下它也会闪烁)，或者如果有人对此有所了解，我也会接受作为答案(也没有人在 jQuery 论坛上回答我的问题......).但是，如果有人真的有解决问题的方法，我当然会喜欢它！

I would accept as an answer even if someone can show me that this is a known bug (not one of the old bugs that have already been fixed, where it flickered even in Safari mode) or if someone has inside knowledge about that (no one is answering my question at the jQuery forum either...). But of course I would love it if someone actually had a workaround for the problem!

推荐答案

我遇到了完全相同的问题

i had exactly the same problem

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

http://mailinglist-archive.com/rhomobile/2011-08/00656-Re+rhomobile+page+views+and+transitions mentions something that worked for me.

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

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

I still get the flicker in the toolbar, so I converted my tool bar to :

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

这篇关于jQuery Mobile 在 iPad 上的页面转换时闪烁的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！