JQuery Mobile 是一個基于 JQuery 庫的移動 Web 應(yīng)用程序框架,主要用于構(gòu)建跨平臺的手機(jī)應(yīng)用。在 JQuery Mobile 中,通過加載不同的頁面實現(xiàn)跳轉(zhuǎn)和內(nèi)容更新。
$(document).on('pagecreate', '#page1', function() {
$(document).on('click', '#button', function() {
$.mobile.changePage('#page2');
});
});
$(document).on('pagecreate', '#page2', function() {
// 加載頁面時的處理
});
以上代碼中,首先在頁面加載時綁定了一個“pagecreate”事件,當(dāng) #page1 加載完成后觸發(fā)。在 #page1 中,當(dāng)點擊按鈕時,通過 $.mobile.changePage 方法切換到頁面 #page2。當(dāng) #page2 頁面加載完成后,同樣執(zhí)行綁定的“pagecreate”事件。
在JQuery Mobile 中,頁面跳轉(zhuǎn)也可以利用 href 屬性來實現(xiàn):
<a href="#page2">跳轉(zhuǎn)到頁面2</a>
以上代碼中,通過 a 標(biāo)簽的 href 屬性指定跳轉(zhuǎn)頁面的 id ,即可實現(xiàn)頁面跳轉(zhuǎn)效果。
除了以上兩種方式,JQuery Mobile 還提供了其他更多的 API 和事件來處理頁面的生命周期和跳轉(zhuǎn)等各種功能。