使用jquery.mobile-1.1.0-rc.1在$ .mobile.activePage中转换幻灯片

Question

$ .mobile.changePage（'＃notification'，{transition：“slidedown”}）;

我使用 jquery.mobile-1.0rc2.min.js 上面的代码，我可以看到它的效果（滑动）桌面浏览器和android mobile＆amp;苹果手机。但是当我使用最新的jqm库 jquery.mobile-1.1.0-rc.1.min.js 时，它的效果现在看起来像淡入淡出然后淡出，即使我特意放了一个滑落效应。但是当在iphone手机上查看它时我可以看到滑动效果，你可以在桌面或Android浏览器中看到这种效果的变化。

他们改变了语法吗？有谁知道这个？或解决方案？

Answer 1

当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

Answer 2

他们的博客简要描述了这个问题。为了解决Android浏览器的过渡问题，JQM团队实施了一项测试，以确定浏览器是否可以处理3-d变换。 iphone通过了这个测试，所以你看到了正确的过渡。 Android 1.x-2.x设备无法通过此测试，因此他们的解决方案是回退到只有淡入淡出过渡。