jQuery Mobile的頁面轉換總是褪色

頁面過渡的這個例子從jQuery的作品在Chrome http://jquerymobile.com/demos/1.0a4.1/docs/pages/#docs-transitions.html jQuery Mobile的頁面轉換總是褪色

但是當我自己試試吧，此代碼它總是使用淡入淡出效果。在Firefox中它確實有效。使用phonegap構建此應用程序時，它在iOS上不起作用，並且在Android上不起作用。

<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="js/jquery/jqueryMobile/jquery.mobile-1.2.0.css" /> 
    <script src="js/jquery/jquery-1.8.2.js"></script> 
    <script src="js/jquery/jqueryMobile/jquery.mobile-1.2.0.js"></script> 
</head> 

<body id="body"> 
    <div id="page1" data-role="page"> 
     <a id="my_link" href="#page2" data-role="button" data-transition="slide"> 
      click me 
     </a> 
    </div> 
    <div id="page2" data-role="page"> 
     <div> 
      page2 
     </div> 
    </div> 

</body>

我看着jQuery Mobile的JavaScript文件，看到它在changepage函數調用$ .mobile._maybeDegradeTransition。這個函數檢查瀏覽器是否支持csstransform3d。 Chrome對此返回false。當我將代碼更改爲始終返回true時，Chrome只是進行轉換。

來源

2012-10-19 Klaasvaak

按照jQuery Mobile的網站：

只看到淡入淡出的過渡？要查看所有轉換類型，您必須位於支持3D轉換的瀏覽器上。默認情況下，缺少3D支持的設備（例如Android 2.x）將回退到所有轉換類型的「淡入淡出」。這種行爲是可配置的（見下文）。

源：http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-transitions.html

來源

2013-06-14 02:00:12

jQuery Mobile的頁面轉換總是褪色

回答

相關問題