jQuery Mobile - 转换

它允许更改在指定持续时间内发生的属性值，并通过为每个状态应用不同的样式来将元素的Behave从一种状态更改为另一种状态。

下表列出了 jQuery Mobile 框架中使用的一些页面转换 -

先生。	过渡和描述	对于页面	对于对话框
1	褪色您可以使元素淡入和淡出可见性。	淡出页面	淡入淡出对话框
2	翻动将元素从后向前翻转到下一页。	翻页	翻转对话框
3	流行音乐您可以创建一个弹出窗口。	弹出页面	弹出对话框
4	流动通过远离当前页面来显示下一页。	流程页	流程对话框
5	滑动您可以从右向左滑动页面。	幻灯片页面	滑动对话框
6	幻灯片淡入淡出从右向左滑动页面并在下一页中淡出。	幻灯片淡入淡出页面	幻灯片淡入淡出对话框
7	向上滑动从下到上滑动页面。	幻灯片页面	幻灯片对话框
8	滑下从上到下滑动页面。	下拉页面	下滑对话框
9	转动您可以翻到下一页。	翻页	转动对话框
10	没有任何您无法通过使用此属性来使用任何过渡效果。	无页面	无对话框

设置转换和全局配置

默认情况下，页面在框架中会有淡入淡出过渡。您可以通过将data-transition属性添加到链接来使用自定义转换。您可以使用全局defaultPageTransition选项为页面使用不同的默认过渡效果。对于对话框，您可以使用defaultDialogTransition选项。

回退过渡

除淡入淡出过渡外，所有过渡均支持 3D 变换。不支持 3D 变换的设备，则必须使用淡入淡出过渡。某些浏览器不支持每种过渡类型的 3D 转换，因此您可以使用淡入淡出作为默认过渡后备。

过渡的最大滚动

当您从页面滚动或滚动到页面时，过渡设置为无，并且滚动位置将为设备屏幕高度的三倍。有时，当您点击任何导航元素时，您可能会响应缓慢或浏览器崩溃；因此，为了避免这种情况，我们通过使用getMaxScrollForTransition函数来使用滚动位置进行过渡。

过渡的最大宽度

当窗口宽度高于像素宽度时，您可以禁用过渡。您可以使用$.mobile.maxTransitionWidth全局选项配置过渡的最大宽度，该选项默认设置为 false。它采用像素宽度或 false 值等值，当窗口高于指定值时，如果不是 false 值，过渡将设置为 none。

同一页面转换

您可以使用页面容器小部件的change()方法的allowSamePageTransition选项将过渡添加到当前页面。

创建自定义过渡

您可以使用$.mobile.transitionHandlers选项在页面中创建自定义过渡，该选项扩展了网站或应用程序上的过渡选择。