PhoneGap安卓系统上的JqueryMobile过渡

Question

Jquery移动过渡效果在安卓PhoneGap app.The中有一个笨拙的行为，同样的过渡在IPhone PhoneGap应用中也是平滑的。

$.mobile.changePage( "index.html", { transition: "fade"} );
$.mobile.changePage( "index.html", { transition: "slideup"} );

任何解决方法，以实现与android上的Iphone相同的平滑页面过渡。

Answer 1

根据jQuery移动博客上的托德·帕克的说法，安卓的过渡存在一些问题：

JQuery Mobile Blog我们在1.0版本之前做了大量的工作，以使我们的过渡尽可能平滑，但有两个我们无法避免的重要限制:需要在过渡之间滚动视口，以及安卓糟糕的动画性能。在1.1中，我们接受了这些限制，并提出了新的动画序列，有效地隐藏了页面滚动，完全重新设计了加载微调器，使其在视觉上不显眼，加快了整体过渡时间，添加了对Firefox动画的支持，并将默认页面过渡更改为快速平滑的淡出/淡入动画，而不是幻灯片。经过大量的测试和改进后，我们决定使用3D变换功能测试，从更复杂的滑动、弹出和翻转过渡中排除像Android 2.x这样的表现不佳的平台，这样这些过渡将回落到所有过渡的默认淡入淡出，以确保流畅的体验。

看起来你的问题可能会在2月中旬到下旬的v1.1版本中得到解决。现在，坚持使用fade，或者根本不使用fade。

http://jquerymobile.com/blog/2012/01/10/upcoming-releases-1-0-1-1-1-and-beyond/

Answer 2

禁用android的过渡

检查Android然后$.mobile.defaultPageTransition='none'；否则不检查

在mobileinit函数中使用此函数。