jQuery Mobile 過渡
jQuery Mobile 包含 CSS3 效果讓您選擇頁面開啟的方式。
jQuery Mobile 頁面切換效果
jQuery Mobile 提供了各種頁面切換到下一個頁面的效果。
注意：為了實現頁面切換效果，瀏覽器必須支援CSS3 3D 切換：
 |  |  |  |  |
|---|---|---|---|---|
| 12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
表格中的數字為支援 3D 旋轉的最小瀏覽器版本號。
頁面過渡效果可套用於任何使用data-transition 屬性的連結或表單：
#頁面切換效果可套用於任何使用data-transition 屬性的連結或表單提交：
<a href="#anylink" data-transition="slide">切换到第二个页面</a>
下面的表格顯示了透過使用data-transition 屬性後可用的頁面切換：
| #描述 | 頁面 | 對話方塊 | |
|---|---|---|---|
| fade | 預設。淡入到下一頁 | 試試看 | 試試看 |
| #flip | 從後向前翻轉到下一頁 | 試試看 | 試試看 |
| flow | #拋出目前頁，進入下一頁 | 嘗試一下 | 試試看 |
| pop | 就像彈出視窗一樣轉到下一頁。 | 試試看 | 試試看 |
| slide | 從右到下一頁。 | 試試看 | 試試看 |
| slidefade | 從右向左滑動並淡入到下一頁。 | 試試看 | 試試看 |
| slideup | 從下往上滑動到下一頁。 | 試試看 | 試試看 |
| slidedown | 從上到下滑動到下一頁。 | 試試看 | 試試看 |
| turn | 轉向下一頁。 | 試試看 | 試試看 |
| none | 無過渡效果。 | 嘗試 | 嘗試 |
 |
|---|
提示：
上面的所有效果支援後退行為。例如，如果您想要頁面從左向右滑動，而不是從右向左滑動，請使用帶有 "reverse" 值的 data-direction 屬性。在後退按鈕上這是預設的。
實例<a href="#pagetwo" data-transition="slide" data-direction="reverse">切换</a>運行實例»
