javascript - jQuery 手机 : changepage slide transition working fine on a desktop but not on Android devices

Question

$('div.ui-page').live("swipeleft", function () {
    var nextpage = $(this).next('div[data-role="page"]');
    if (nextpage.length > 0) {
        $.mobile.changePage(
            nextpage,
            {transition: "slide"},
            true,
            true
        );
    }else{
        $.mobile.changePage(
            "#page3",
            {   transition: "slide", 
                reverse:true
            }, 
            true, 
            true
        );
    }
});

到目前为止，该代码在桌面浏览器和 iOS 上运行良好。但是当我在 Android 设备上运行这段代码时，页面会闪烁然后移动到下一页。它应该触发幻灯片切换选项，但没有显示幻灯片效果。

我应该如何在 Android 网络应用程序或移动浏览器上设置幻灯片效果？我已经尝试过 $(id).animate 方法但没有成功。我不知道我应该怎么做才能触发幻灯片效果。

有没有Android开发者已经尝试过滑动功能？谁能告诉我应该如何调整$.mobile.changePage的滑动效果？

Answer 1

http://jquerymobile.com/test/docs/pages/page-transitions.html

Only seeing fade transitions? To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types. This behavior is configurable (see below).

要检查您的 android 是否支持它，请将该代码段添加到您的 javascript 中

window.onload = function () {
var b = document.body.style;
if(b.MozTransition=='' || b.WebkitTransition=='' || b.OTransition=='' || b.transition=='') {
    alert('supported');
} else {
    alert('NOT supported')
}