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.

我已经用Google搜索了一下，发现眨眼很久以前就被认为是一个bug了，到现在为止应该修复了。它似乎是在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论坛上回答我的问题......）但当然我会喜欢它，如果有人真的有workaroun d代表问题！

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!

推荐答案

我有完全相同的问题

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屋！