CSS:
.ui-page {
-webkit-backface-visibility: hidden;
}
代码:这个线程的 CSS 解决方案对我不起作用(Android 2.x)。
我在所有链接中禁用了转换data-transition="none"
,一切正常。在页面级别设置时它也应该工作,但它对我不起作用(jQuery Mobile 1.0)。这是代码:
// turn off animated transitions for Android
if (navigator.userAgent.indexOf("Android") != -1)
{
$("a").attr("data-transition", "none");
}
另一种(更好的)方法是为 jQuery Mobile 设置默认转换:
$(document).bind("mobileinit", function()
{
if (navigator.userAgent.indexOf("Android") != -1)
{
$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';
}
});
iPhone 执行硬件加速的转换,而其他平台则通过软件执行。这就解释了为什么只有 iPhone 才能执行平滑过渡。