jquerymobile操作html5的常用函數(shù)總結(jié)

《jquerymobile操作html5的常用函數(shù)總結(jié)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、jQueryMobile操作HTML5的常用函總結(jié)jQueryMobile是針對移動端開發(fā)的JavaScript框架，正如其名基于jQuery庫，jQueryMobile主要被用來操作HTML5設(shè)計頁面UI，下面就來看一下jQueryMobile操作HTML5的常用函數(shù)總結(jié)：一?mobile.changePage()amp:$.mobile.loadPage()1.$.mobile,changePage()$.mobile,changePage()方法會在頁面加載時自動調(diào)用，若這個頁面為當(dāng)前文檔中的不同"page"，則會轉(zhuǎn)到這個新

2、頁面隱藏舊頁面；若這個頁面為外部頁面，即頁面與當(dāng)前頁面不在同一文檔中(本質(zhì)上是新頁面不在當(dāng)前DOM中)，$.mobile.changePage()首先會調(diào)用$?mobile.loadPage()把外部頁面的元素插入到DOM中，再顯示新頁面。這也是對頁面加載過程的簡單復(fù)述。$.mobile.changePage()有兩個參數(shù)to(stringorobject,必須)和options(object,可選)，具體如下:(1)to(stringorobject，必須)to為必要參數(shù)，其值可以為string(字符串，如"about/us.h

3、tml〃)或object(對象，如$(〃#about〃))，這主要是面向兩種不同的頁面，string形式的為外部頁面鏈接，而object為同一文檔中的不同〃page〃，如〃ttpage2〃，$.mobile.changePage0會把其處理成包含這個DOM的jQuery對象，BP$（，#page2’）這種形式，而$.mobile,changePage（）內(nèi)部會判斷to參數(shù)的形式，若是string則調(diào)用$.mobile.IoadPage（）把外部頁面的元素插入到DOM中，再顯示頁面。(2)options(object,可選)opti

4、ons為可選參數(shù)，其值為object（對象），這個object包含多個屬性，這些屬性儲存一個頁面的各種參數(shù)jQueryMobile會根據(jù)這些參數(shù)來控制如何加載頁面，以及對頁面進(jìn)行初始化。具體屬性值如下：allowSamePa.geTransition（boolean,默認(rèn)值：false）默認(rèn)情況下，$.mobile.changePage（）是不會理會跳轉(zhuǎn)到當(dāng)前頁面的請求。把這個屬性設(shè)置為"true"，則可以允許這種請求changeHash（boolean,默認(rèn)值：true）判斷地址欄上的哈希值是否應(yīng)該被更新。data（object

5、或string，默認(rèn)值：undefined）Ajax請求時發(fā)送的數(shù)據(jù)。僅當(dāng)to參數(shù)的值為一個URL時可用。dataUr1（string，默認(rèn)值:undefined）當(dāng)瀏覽器完成頁面轉(zhuǎn)換時要更新瀏覽器的地址欄上的URL。如不特別指定，則使用data-url的屬性值。pageContainer(jQuerycollection,默認(rèn)值：$.mobile,pageContainer）指定包含頁面的DOM對象的jQuery對象。reloadPage（boolean,默認(rèn)值:false）強制刷新頁面，即使頁面容器的DOM已經(jīng)準(zhǔn)備好仍然會執(zhí)行

6、刷新。僅當(dāng)to參數(shù)的值為一個URL時可用。reverse（boolean,默認(rèn)值:false）設(shè)置頁面轉(zhuǎn)場動畫的方向。當(dāng)該屬性設(shè)置為"true"時頁面轉(zhuǎn)場反向。role（string，默認(rèn)值:undefined）顯示頁面的時候使用data-role值。默認(rèn)情況下為undefined,即取決于元素的data-role屬性值（標(biāo)簽上data-role的值）。showLoadMsg（boolean,默認(rèn)值：true）設(shè)置當(dāng)加載外部頁面時是否顯示加載提示信息。transition（string,默認(rèn)值：$.mobile,defaultPa

7、geTransition）設(shè)置頁面加載時使用的過場動畫。type（string,default:"get"）設(shè)置請求頁面時使用的方法（"get"或"post"）。僅當(dāng)to參數(shù)的值為一個URL時可用。這里引用例子說明一下$.mobile.changePage（）的使用方法，手動調(diào)用該方法可以觸發(fā)跳轉(zhuǎn)到一個新頁面，例如，在WebApps發(fā)生錯誤時可以跳轉(zhuǎn)到一個提示錯誤的頁面。//轉(zhuǎn)入到"aboutus〃頁面并使用〃slideup〃轉(zhuǎn)場動畫tion:〃slideup〃｝);//轉(zhuǎn)入到〃searchresuits〃頁面，使用來自id為se

8、arch的表單數(shù)據(jù)，并把頁面請求方式改為"post"$.mobile.changePageCsearchresuIts.php’，｛nbsp;type:〃post〃，nbsp;data:$(〃form#search〃).serialize()｝);