1

私は次のコードを持っています：

<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バージョンがページ遷移に影響を与えたようですか、それとも何かが足りませんか？誰か確認できますか？

ありがとう。

4

1 に答える 1

1

1.1.0の発表の遷移セクションを読んでください：

残念ながら、多くの作業を経て、2.3を実行しているNexus Sのような新しいデバイスでも、Android2.xで許容できるパフォーマンスを得るのに十分なページ遷移をダムダウンすることは不可能であると判断しました。多くの検討の結果、トランジションをターゲットとする3D変換の機能テストを使用することにしました。ブラウザーが合格すると、トランジションの全範囲が表示されます。デフォルトでは、ブラウザがこの3Dテストに失敗すると、指定されたトランジションに関係なく、フェードトランジションにフォールバックします。すべてのAndroid1.x-2.xデバイスはこのテストに不合格ですが、Android3.xおよび4.xは合格です。この動作を変更する場合は、各遷移のフォールバック動作を完全に構成できます。

テストブラウザが3D変換をサポートしていない場合は、フェードトランジションが発生します。

于 2012-04-18T14:59:53.130 に答える