JQuery Mobile是一種基于HTML5的簡單易用的移動設備UI框架。在與HTML5和CSS3相關的交互方面提供了豐富的內置模塊和工具。這里我們將學習在JQuery Mobile中如何設置頁面跳轉。

要實現頁面跳轉，需要使用JQuery Mobile的頁面轉換方法。這些方法包括：`changePage`和`loadPage`。

//changePage方法
$.mobile.changePage(url, options);
//loadPage方法
$.mobile.loadPage(url);

第一個例子是更直接的調用changePage方法，它接受一個URL參數和一個可選的選項對象。

$.mobile.changePage("http://www.example.com/page2.html", {
transition: "fade"
});

例如，一個簡單的鏈接可以這樣創建：

加載 page2

使用上述鏈接時，會將當前頁面轉換為`page2.html`。在轉換過程中，過渡效果為`fade`。

第二個函數loadPage會下載頁面并預先初始化它，以便它可以通過更快的頁面轉換體驗連接到其他頁面。它不會立即轉換到新頁面。

$.mobile.loadPage("http://www.example.com/page2.html");

這個函數通常在代碼中使用，以便頁面可以快速下載和初始化，特別是對于大型頁面時，更是如此。例如，可以在頁面加載時調用該函數，以加速頁面加載。

使用JQuery Mobile頁面跳轉，可以在您的移動應用程序中創建簡單而強大的UI，從而增強用戶體驗。