影响页面过渡的新 JQuery 移动版本

Question

我有以下代码：

<div data-role="page" id="Page1" >
   <!-- Footer here -->
      <div data-role="footer" data-position="fixed" data-id="id-footer1">
         <div data-role="navbar">
            <ul>
               <li><a href="#Page1" class="ui-btn-active ui-state-persist">Page1</a></li>
               <li><a href="#Page2" data-transition="pop">Page2</a></li>
            </ul>
         </div>
      </div><!-- /footer -->
</div><!-- /page -->
<div data-role="page" id="Page2" >
   <!-- Footer here -->
      <div data-role="footer" data-position="fixed" data-id="id-footer1">
         <div data-role="navbar">
            <ul>
               <li><a href="#Page1" >Page1</a></li>
               <li><a href="#Page2" data-transition="pop"class="ui-btn-active ui-state-persist">Page2</a></li>
            </ul>
         </div>
      </div><!-- /footer -->
   </div><!-- /page -->

如果我使用以下脚本，上面的代码将起作用。也就是说，第 1 页将具有幻灯片效果，第 2 页将具有弹出效果。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

但是，当我使用以下内容时，幻灯片效果和弹出效果消失了。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

似乎新的 JQM 版本影响了页面过渡还是我错过了什么？有人可以确认吗？

谢谢。

Answer 1

阅读 1.1.0 公告中的转换部分：

不幸的是，经过大量的工作，我们已经确定不可能变得愚蠢。 页面过渡足以在 Android 2.x 中获得可接受的性能，即使在较新的设备上也是如此 就像运行 2.3 的 Nexus S。经过深思熟虑，我们决定使用功能测试 对于 3D 转换到目标过渡：如果浏览器通过，它将看到完整的 转换。默认情况下，如果浏览器未通过此 3D 测试，它们将回退到淡入淡出 过渡，而不考虑指定的过渡。所有安卓 1.x-2.x 设备都无法通过此 测试，但安卓 3.x 和 4.x 通过。每个转换的回退行为是完全的 如果要更改此行为，可配置。

如果您的测试浏览器不支持 3D 变换，您将获得淡入淡出过渡。