2012-04-18 57 views
1

我有下面的代碼:如果我使用下面的腳本影響頁面轉換的新JQuery Mobile版本?

<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頁將具有幻燈片效果和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版本已經影響了頁面轉換或者我錯過了什麼?任何人都可以證實嗎?

謝謝。

+0

您使用哪種設備進行測試? – 2012-04-18 07:59:05

+0

我正在使用我的Android Sensation手機。 – newpc100 2012-05-12 02:49:53

回答

1

閱讀轉變部分中的announcement of 1.1.0

不幸的是,大量的工作之後,我們已經決定了它不可能啞下來 頁面過渡足以讓Android中2.X可接受的性能,即使是像Nexus S運行2.3的較新設備 。經過深思熟慮之後,我們決定使用功能測試 進行3D轉換,以實現目標轉換:如果瀏覽器通過,它將會看到 轉換的全部範圍。默認情況下,如果瀏覽器未通過此3D測試,則無論指定的轉換如何,它們都將回退到淡入淡出 轉換。所有Android 1.x-2.x設備均未通過此 測試,但Android 3.x和4.x通過。如果您想更改此行爲,則每個轉換的後退行爲完全可配置爲 。

如果您的測試瀏覽器不支持3D轉換,您將得到一個淡入淡出的轉換。

+0

謝謝丹尼爾。很遺憾..... – newpc100 2012-04-20 16:32:26