jQuery移动页面转换总是淡出

jQuery移动页面转换总是淡出,jquery,cordova,jquery-mobile,Jquery,Cordova,Jquery Mobile,这个jQuery页面转换的例子在Chrome中工作 但是当我自己用这段代码尝试时,它总是使用淡入淡出的效果。在Firefox中,它确实有效。当使用phonegap构建此功能时,它在iOS上不起作用,在Android上也不起作用 第2页 我查看了jquery mobile javascript文件,发现它名为$.mobile.\u可能在changepage函数中出现了转换。此函数检查浏览器是否支持CSTRANSFORM3D。Chrome对此返回false。当我将代码更改为始终返回true

这个jQuery页面转换的例子在Chrome中工作

但是当我自己用这段代码尝试时,它总是使用淡入淡出的效果。在Firefox中,它确实有效。当使用phonegap构建此功能时,它在iOS上不起作用,在Android上也不起作用


第2页


我查看了jquery mobile javascript文件,发现它名为$.mobile.\u可能在changepage函数中出现了转换。此函数检查浏览器是否支持CSTRANSFORM3D。Chrome对此返回false。当我将代码更改为始终返回true时,Chrome只进行转换。

根据JQuery移动网站:

只看到淡入淡出的过渡?若要查看所有过渡类型,您必须位于支持三维变换的浏览器上。默认情况下,缺乏3D支持的设备(如Android 2.x)将退回到所有转换类型的“淡入淡出”。此行为是可配置的(见下文)

资料来源:

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