07.出場前的最后準(zhǔn)備jquery mobile api詳解

1、一、配置jQuery Mobile目的：jQuery Mobile 提供了一些默認(rèn)的配置，這些配置的項(xiàng)目需要，這時(shí)就需要對這些配置進(jìn)行一些修改。：通過方法：將mobileinit 事件，然后在事件處理代碼中修改jQuery Mobile 的默認(rèn)配置。mobileinit 事件的代碼寫入到 jQuery Mobile 的 JS 文件之前。具體的配置方式：（1） 繼承的方式$.extend($.mobile , 屬性名: 屬性值);（2） 配置的方式$.mobile.屬性名 = 屬性值;二.常用配置屬性1.與頁面加載有關(guān)的loadingMessage：設(shè)置加載的文本，使其在基于 Ajax 的請求期

2、間出現(xiàn)。loadingMessageTextVisible：是否顯示加載的文本。loadingMessageTheme：是否使用指定顯示信息框。建議：在jQuery Mobile1.2 以后上面這三個(gè)屬性不建議使用，建議使用如下配置。$.mobile.load$.mobile.load$.mobile.load$.mobile.load$.mobile.loadrototype.options.textrototype.options.textVisible rototype.options.textonly rototype.options.theme rototype.options.ht

3、ml2.與頁面加載錯(cuò)誤有關(guān)的pageLoadErrorMessage：頁面加載失敗提示文本 pageLoadErrorMessageTheme：是否使用指定顯示錯(cuò)誤信息框。3.與 CSS 有關(guān)的activeBtnClass：指定活動(dòng)按鈕的 CSS 類，默認(rèn)值ui-btn-activeactivePageClass：指定該活動(dòng)頁面的 CSS 類，默認(rèn)值uiactive作用：當(dāng)后修改配置。需要自定義活動(dòng)頁面和活動(dòng)按鈕的效果時(shí)，就可以自定義一個(gè) CSS 類，然4.其他的配置$().on(mobileinit,function();ajaxEnabled：是否使用 Ajax 動(dòng)態(tài)載入頁面，默認(rèn)值是tr

4、ue。Pages：配置是否允許跨域請求頁面。allowCross設(shè)置$.support.cors 為 true，然后在設(shè)置 allowCross域請求的能力。Pages 為 true，代碼具備跨在 Chrome 瀏覽器中，跨域的會(huì)報(bào)錯(cuò)。is not allowed by Acs-Control-Allow-Origin.要解決跨域問題，需要 Chrome 瀏覽器的快捷方式加入-disable-web-securityautoInitializePage：自動(dòng)初始化頁面，默認(rèn)值是 true。 buttonMarkup.hoverDelay：設(shè)置按鈕的延遲響應(yīng)時(shí)間，默認(rèn)值是 200。defauia

5、logTransition：框默認(rèn)轉(zhuǎn)換效果，默認(rèn)值是 popdefaultPageTransition：頁面默認(rèn)轉(zhuǎn)換效果，默認(rèn)值是 fade ns:設(shè)置自定義命名空間注意：一旦使用自定義名空間，一定要修改 CSS 中選擇器的內(nèi)容。三.常用方法jQuery.mobile. jqmData()設(shè)置和獲取數(shù)據(jù)范例：jQuery.mobile. jqmRemoveData()移除數(shù)據(jù)范例：jQuery.mobile.changePage()頁面跳轉(zhuǎn)第一個(gè)參數(shù)：跳轉(zhuǎn)到的頁面第二個(gè)參數(shù)：配置具體配置如下：allowSamePageTransition：是否允許同一個(gè) page 頁面的跳轉(zhuǎn)，默認(rèn)值是fals

6、e。 changeHash：是否修改瀏覽器地址欄的地址，默認(rèn)值是 true。data:跳轉(zhuǎn)時(shí)攜帶的數(shù)據(jù)type：請求方式，有 get 和t 兩種dataUrl：指定跳轉(zhuǎn)后的地址欄顯示 URL。reloage：跳轉(zhuǎn)的頁面不管有沒有被加載過，都會(huì)重新進(jìn)行加載，默認(rèn)值是 false。 reverse：指定是否為退回，默認(rèn)值是 falserole：跳轉(zhuǎn)后使用頁面還是框的形式顯示。showLoadMsg：是否顯示加載信息，默認(rèn)值是 true transition：頁面跳轉(zhuǎn)時(shí)的轉(zhuǎn)換效果$(div:jqmData(role=page).jqmRemoveData(bfTest); var result =

7、$(div:jqmData(role=page).jqmData(bfTest); alert(result);$(div:jqmData(role=page).jqmData(bfTest,北風(fēng)網(wǎng)); var result = $(div:jqmData(role=page).jqmData(bfTest);alert(result);XMLHttpRequestcannotloadhttp:/.OriginjQuery.mobile.loage()加載外部頁面第一個(gè)參數(shù)：加載的頁面第二個(gè)參數(shù)：配置具體配置如下：allowSamePageTransition：是否允許同一個(gè) page 頁面的

8、加載，默認(rèn)值是false。 changeHash：是否修改瀏覽器地址欄的地址，默認(rèn)值是 true。data:加載時(shí)攜帶的數(shù)據(jù)loadMsgDelay：加載信息顯示延遲，默認(rèn)是 50 毫秒reloage：加載的頁面不管有沒有被加載過，都會(huì)重新進(jìn)行加載，默認(rèn)值是 false。role：加載后使用頁面還是框的形式顯示。showLoadMsg：是否顯示加載信息，默認(rèn)值是 true transition：頁面加載時(shí)的轉(zhuǎn)換效果jQuery.mobile.silentScroll():滾屏參數(shù)：yjQuery.mobile.path.get()確定 URL 中的目錄部分參數(shù)：urljQuery.mobile.path.isAbsoluteUrl()檢測絕對參數(shù)：urljQuery.mobile.path.isRelativeUrl()檢查相對參數(shù)：urljQuery.mobile.path.makeUrlAbsolute()把相對 URL 轉(zhuǎn)化為絕對 URL參數(shù)：url四.常用屬性代表的當(dāng)前活動(dòng)頁面代表的第一個(gè)頁面jQuery.mobile.activePagejQuery.mobile.PagejQuery.mobile.pageContainer 代表的是 page 容器五.數(shù)據(jù)屬性data-role規(guī)則樣式data-icon 圖標(biāo)data-icon圖