jQuery移动页面转换总是淡出
这个jQuery页面转换的例子在Chrome中工作 但是当我自己用这段代码尝试时,它总是使用淡入淡出的效果。在Firefox中,它确实有效。当使用phonegap构建此功能时,它在iOS上不起作用,在Android上也不起作用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
第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>