jQuery Mobile主页屏幕Web App过渡延迟导致闪烁

Question

我正在建立的移动网站存在问题，经过大量研究后，我找不到相同问题的其他实例。

在移动Safari中运行应用程序时，不会发生此问题。 当我以这种方式保存到主屏幕时，这只是一个问题。

问题如下：

使用带有以下形式的链接的普通列表：

<ul data-role="listview">
  <li>
     <a href="example/example.php" data-transition="slide" data-prefetch="true">Example</a>
  </li>
</ul>

当我单击链接时，链接的页面立即显示一秒钟，然后滑入视图，因此实际上直到页面更改后才发生过渡。

如上所述，预先整理数据是我尝试的解决方案，但是在此之前存在问题。 我是否尝试过data-rel =“ external”，其行为是相同的。 我使用什么过渡都没关系，结果是一样的。

-webkit-backspace-visibility:hidden 

hack没用，我现在不记得的其他几个也没用。
我发现该问题的唯一方法-绝对不能令人满意-将链接页面设置为具有CSS

#id_of_linked_page {opacity:0;}

..然后将fadeIn快速功能绑定到$ .mobile.pageshow事件，尽管考虑到它的hackishness，它实际上看起来出乎意料的干净，但无法产生理想的效果，并且不是无缝的。

有任何想法吗？

谢谢

ps我在iPhone 4s上使用IOS 5.1运行此程序（不是越狱）

Answer 1

我相信jQuery Mobile 1.1.1页面转换存在问题（我遇到了同样的问题）。 如果您全局禁用所有页面转换，我相信问题将消失。