jQuery.mobile.changePage( to [, options ] )

從一個頁面跳轉(zhuǎn)到另一個頁面，使用$.mobile對象的changePage方法來實現(xiàn)。但要使用此方式的時候，要以點擊一個鏈接或者提交表單來實現(xiàn)。此方法有兩個參數(shù)。

to：是第一個參數(shù)，是必須的，不可缺少。類型：字符串或者對象。

字符串: 絕對或相對URL地址。如：("about/us.html")

對象：
jquery選擇器對象，如：($("#about"))。
一個指定了兩個頁面引用的數(shù)組[from，to] ，用以在已知的page進行跳轉(zhuǎn). From 是當(dāng)前所能看到的頁面( 或者是 $.mobile.activePage )。
發(fā)送表單數(shù)據(jù)的對象，如({to: url， data: serialized form data， type: "get" or "post"} 。

options：是第二個參數(shù)，是可選。類型：對象

allowSamePageTransition（布爾值，默認(rèn)：false）
默認(rèn)情況下，changePage() 會忽略跳轉(zhuǎn)到已活動的頁面的請求。如果把這項設(shè)為true,會使之執(zhí)行。開發(fā)者應(yīng)該注意有些頁面的轉(zhuǎn)場會假定一個跳轉(zhuǎn)頁面的請求中來自的頁面和目標(biāo)的頁面是不同的，所以不會有轉(zhuǎn)場動畫。

changeHash（布爾值，默認(rèn)：true）
判斷地址欄的哈希值是否應(yīng)被更新。

data（字符串 或 對象，默認(rèn)：undefined）
要通過ajax請求發(fā)送的數(shù)據(jù)，只在changePage() 的 to 參數(shù) 是一個地址的時候可用。

dataUrl（字符串，默認(rèn)：undefined）
完成頁面轉(zhuǎn)換時要更新瀏覽器地址的URL地址。如不特別指定，則使用頁面的data-url屬性值。

pageContainer（jQuery選擇器，默認(rèn)：$.mobile.pageContainer)指定應(yīng)該包含頁面的容器。

reloadPage（布爾值，默認(rèn)：false）
強制刷新頁面, 即使當(dāng)頁面容器中的dom元素已經(jīng)準(zhǔn)備好時，也強制刷新。只在changePage() 的 to 參數(shù) 是一個地址的時候可用。

reverse（布爾值，默認(rèn)：false）
設(shè)定頁面轉(zhuǎn)場動畫的方向，設(shè)置為true時將導(dǎo)致反方向的轉(zhuǎn)場。

role（字符串，默認(rèn)：undefined）
顯示頁面的時候使用data-role值。默認(rèn)情況下此參數(shù)為認(rèn)：undefined，意為取決于元素的@data-role屬性。

showLoadMsg（布爾值，默認(rèn)：true） 設(shè)定加載外部頁面時是否顯示loading信息。

transition（字符串，默認(rèn)：$.mobile.defaultPageTransition）使用顯示的頁面時，過渡。

type（字符串，默認(rèn)：get）
指定頁面請求的時候使用的方法("get" 或者 "post")。只在changePage() 的 to 參數(shù) 是一個地址的時候可用。

//以slideup效果 跳轉(zhuǎn)到 "about us" 頁面
$.mobile.changePage("about/us.html", "slideup"); //以pop效果 跳轉(zhuǎn)到 "confirm" 頁面 并且在url hash里不記錄其歷史
$.mobile.changePage("../alerts/confirm.html"， "pop"， false， false); //跳轉(zhuǎn)到 "search results" 頁面，提交id為 "search"的表單數(shù)據(jù)
$.mobile.changePage({url:"searchresults.php" , type:"get" , data: $("form#search").serialize() }); //將頁面url，類型，數(shù)據(jù)定義為變量來傳遞。
var pageData = { url: formresults.php, type: 'get', data:$('form#myform').serialize () };
$.mobile.changePage(pageData); //使用changepage來加載第三個頁面
var previousPage = $.mobile.activePage.data ('ui.prevPage');
$.mobile.changePage([previousPage, anotherPreviousPage], 'pop');

轉(zhuǎn)載于:https://www.cnblogs.com/baocheng/p/4241266.html

總結(jié)

以上是生活随笔為你收集整理的changePage() 页面跳转的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。