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，它不会产生预期的效果，并且不是无缝的。 / p>

有什么想法吗？

由于

P.S。我在Iphone 5.1上运行这个iPhone 4s（不是越狱）

Answer 1

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