$ .mobile.changePage('#notification',{transition:“slidedown”});
我使用 jquery.mobile-1.0rc2.min.js 上面的代码,我可以看到它的效果(滑动)桌面浏览器和android mobile&苹果手机。但是当我使用最新的jqm库 jquery.mobile-1.1.0-rc.1.min.js 时,它的效果现在看起来像淡入淡出然后淡出,即使我特意放了一个滑落效应。但是当在iphone手机上查看它时我可以看到滑动效果,你可以在桌面或Android浏览器中看到这种效果的变化。
他们改变了语法吗?有谁知道这个?或解决方案?
答案 0 :(得分:2)
当view-port大于1000px
时,jQuery Mobile会禁用3d转换(我相信这是数字)。因此,在桌面浏览器中,只需将窗口重新调整为小于1000px
宽度并刷新页面,3d过渡应该像在iPhone上一样工作(如果您使用的是Chrome或Safari等良好的浏览器)。
设置过渡的最大宽度
默认情况下,可以禁用转换(设置为“none”) 窗口宽度大于某个像素宽度。这个功能是 有用,因为过渡可能会分散注意力或表现不佳 更大的屏幕。该值可通过全局选项进行配置 $ .mobile.maxTransitionWidth,默认为false。选项 接受表示像素宽度或假值的任何数字。如果它是 不是假的,处理程序将在窗口时使用“无”转换 width宽于指定值。
来源:http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-transitions.html
答案 1 :(得分:1)
他们的博客简要描述了这个问题。为了解决Android浏览器的过渡问题,JQM团队实施了一项测试,以确定浏览器是否可以处理3-d变换。 iphone通过了这个测试,所以你看到了正确的过渡。 Android 1.x-2.x设备无法通过此测试,因此他们的解决方案是回退到只有淡入淡出过渡。