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

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

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

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

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

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

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

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

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

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