本節書摘來異步社群《jquery mobile快速入門》一書中的第2章，第2.4節，作者：【美】brad broulik，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
jquery mobile快速入門
在頁面之間進行轉換時，jquery mobile有6個可供選擇的基于css的轉換效果。預設情況下，架構會為所有的轉換應用“滑動”效果。通過為任意連結、按鈕或表單添加data-transition屬性，我們可以設定其他的轉換效果。
頁面到頁面的轉換過程按照如下步驟發生。
1．使用者輕敲按鈕，以導航到下一個頁面（見圖2-5）。
2．架構使用一個hijax請求載入下一個頁面，然後添加到目前頁面的dom中。目前頁面和下一個頁面實際上是并排放置的，是以準備發生一個平滑轉換（見圖2-6）。
3．架構轉換到下一個頁面（見圖2-7）。該示例使用了預設的“滑動”轉換。
4．下一個頁面得以顯示，轉換完成（見圖2-8）。
提示：
通過為你的連結添加data-direction=“reverse”屬性，可以設定一個“向後（backward）”轉換。向前的“滑動”轉換是向左滑動，是以向後的“滑動”轉換是向右滑動。例如，當向曆史通路頁面轉換時，預設情況下使用的是向後轉換。但是，如果你的标題上有一個“home”連結，你需要應用data-direction=“reverse”屬性，否則将會産生預設的“向前”轉換效果。