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 -->

如果我使用以下脚本，上述代码将起作用。也就是说，Page 1将具有Slide效果和Pop效果。

<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

阅读announcement of 1.1.0中的转换部分：

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

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

新的JQuery Mobile版本会影响页面转换？

1 个答案: