jQuery Mobile 主屏幕 Web 应用程序转换延迟导致闪烁

Question

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

在移动版 Safari 中运行应用程序时不会出现此问题。只有当我以这种方式保存到主屏幕时才会出现问题。

问题如下：

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

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

当我单击链接时，链接页面会立即出现一瞬间，然后滑入视图，因此实际上直到页面更改后才会发生转换。

Prefectching data 是我尝试过的一个解决方案，如上图，但在此之前问题就存在了。我是否尝试过 data-rel="external" ，并且行为是相同的。不管我用什么过渡，结果都是一样的。

-webkit-backspace-visibility:hidden 

hack 没有用，还有几个我现在不记得了。
我发现该问题的唯一解决方案 - 它绝对不令人满意 - 是将链接页面设置为具有 css

#id_of_linked_page {opacity:0;}

..然后绑定一个fadeIn 快速函数到$.mobile.pageshow 事件，虽然，考虑到它的hackishness，它实际上看起来非常干净，它不会产生预期的效果，而且不是无缝的。

有什么想法吗？

谢谢

附言我在 iPhone 4s 上使用 IOS 5.1 运行此程序（未越狱）

Answer 1

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