0

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

在移动 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 事件，尽管考虑到它的骇人听闻，它实际上看起来非常干净，但它不会产生预期的效果，而且不是无缝的。

有任何想法吗？

谢谢

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

4

1 回答 1

0

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

于 2012-07-25T02:30:55.510 回答