jQuery Mobile的預設配置項詳解,jQuery Mobile的中文配置api,jQuery Mobile的配置說明,配置大全

標籤：jqm配置項說明   html5   jqm配置詳解   jquery mobile的中文api   jquery mobile的詳細講解   

學習jQuery Mobile也有一段時間了，越來越上手了，也越來越喜歡他了。我根本就沒有理由拒絕他的好。這裡我有分享一下我對它的配置項的使用說明一下。

看代碼解釋：

$(document).live("pageinit",function(event){$.mobile.loadingMessage = "正在載入資料，請稍候......";$.mobile.pageLoadErrorMessage="很抱歉，系統好像再打小瞌睡......";$.mobile.loadingMessageTextVisible=true;　　 $.mobile.loadingMessageTheme="a";　　 $.mobile.pageLoadErrorMessageTheme="a";/*$.extend($.mobile, {activeBtnClass: "new-ui-btn-active",    //activeBtnClass字串   預設值："ui-btn-active"為激動狀態的按鈕分配 class 值。activePageClass:"new-ui-page-active",   //字串   預設值："ui-page-active"       為當前頁面分配 class 值ajaxEnabled:false,   //布爾型   預設值：true  控制是否禁止預設的 Ajax 連結點擊和表單提交，並停止 hash 的監聽，然後以常規的 HTTP 方式進行。allowCrossDomainPages:false,    //布爾型   預設值：false設定是否允許跨域。因為 jQuery Mobile 會記錄 location hash ，//這有可能會為網站帶來 cross-site scripting (XSS) 攻擊，因此該選項預設為 false 。autoInitializePage:true,        //布爾型   預設值：true 當 DOM 載入完畢後，jQuery Mobile 會自動調用 $.mobile.initializePage 方法。//如果設定該屬性為 false, 則頁面不進行初始化，即頁面空白。buttonMarkup.hoverDelay:200,    //整形   預設值：200//該屬性設定觸摸觸摸某一個 jQuery Mobile 按鈕後添加 hover 和 down 的 class 的延時。//該數值越小，延時越小，觸摸越靈敏，但同時很有可能錯誤的觸發頁面捲軸滾動。因此建議數值不要太小。defaultDialogTransition:"pop",//字串   預設值："pop"設定使用 Ajax 方式的對話方塊的預設過場動畫。defaultPageTransition:"fade",   //字串   預設值：fade設定使用 Ajax 方式跳轉的頁面的預設過場動畫。gradeA:true,   //布爾型   預設值："true" 設定 $.support.mediaquery 的傳回值，預設為符合全部 grade A 等級的行動裝置的支援條件才會返回 true 。hashListeningEnabled:true,   //布爾型   預設值：true 設定是否監聽和處理 location.hash 的改變。ignoreContentEnabled:false,   //布爾值   預設值：false把該選項設定為 true ，//並且在某元素的父元素上設定 data-enhance="false" 屬性，那麼該元素會自動降低 jQuery Mobile //增強（jQuery Mobile 元素增強指的是 jQuery Mobile 對網頁基本元素在樣式上的豐富、互動上的增強以及相應的 HTML 結構改造）。linkBindingEnabled:true,   //布爾值   預設值：true jQuery Mobile 會自動綁定錨標記到文檔中，//設定該選項為 false 將阻止所有的錨點擊處理，例如取消啟用按鈕狀態。一般來說只有在把錨標記處理交給另一個處理庫時才設定該屬性為 false 。loadingMessageTextVisible:false,   //布爾值   預設值：false設定當頁面載入中的時候是否顯示提示文字。loadingMessage:"正在載入資料，請稍候......",//   字串   預設值："loading"設定當頁面顯示載入提示時，載入提示文字的內容。loadingMessageTheme:"a",//   字串   預設值："A" 設定當頁面顯示載入提示時，載入提示的預設主題。minScrollBack:250,//   整形   預設值：250 設定頁面最小滾動距離NS:"",   //字串   預設：""該屬性可以改變 jQurey Mobile 的命名空間，jQuery Mobile //按 data-NS 屬性值安排命名空間，預設為空白，則直接 data-role ，舉個簡單的例子，若設定 NS 的值為 "custom" ，//則此時需要定義一個 jQuery Mobile 頭部的話需要從原來的 data-role="header" 改為 data-custom-role="header" ，//其他 data-role 也要改成為 data-custom-role 。這樣開發人員可以建立屬於自己的命名空間，避免與 jQuery Mobile 原有的屬性發生衝突， 便於製作自訂佈景主題。//需要注意的是，當你使用了 data-命名空間後，你需要更新 jQuery Mobile css 檔案的選取器，格式如下//.ui-mobile [data-custom-role=page], .ui-mobile [data-custom-role=dialog] ......pageLoadErrorMessage:"很抱歉，系統好像再打小瞌睡......",//   字串   預設值："Error Loading Page"設定當 Ajax 載入分頁錯誤時顯示的提示資訊。pageLoadErrorMessageTheme"e",   //字串   預設值："e"設定當 Ajax 載入分頁錯誤時錯誤提示框的主題樣式。pushStateEnabled:true,//   布爾型   預設值：true 在支援的瀏覽器中開啟 history.replaceState 這個增強特性，//把雜湊值（hash-based）的 Ajax 請求轉化為完整的文檔路徑。jQuery Mobile 建議在關閉 Ajax 導航和大量使用外部連結的情況下關閉這個特性。subPageUrlKey:"ui-page" ,//  字串   預設值："ui-page" URL 參數用來指向由組件產生的子頁面(如嵌套列表頁)，//該 URL 會被解釋成如 example.html&ui-page=subpageIdentifier 的形式，而在 &ui-page= 之前的雜湊值會被 jQuery Mobile 向此 URL 地址做 Ajax 請求。touchOverflowEnabled:false  //   布爾型   預設值：false//設定是否使用裝置的原生地區滾動特性，除了 iOS5 之外大部分的裝置到目前還不支援原生的地區滾動特性，因此在 jQuery Mobile 1.1.0 中不建議修改該屬性。});*///$.mobile.defaultPageTransition = "fade"; //$.mobile.defaultDialogTransition = "fade"; //預設載入動畫});

這裡就寫到這裡了，由於時間關係。

歡迎大家關注我的個人部落格！！！如有疑問，請加qq群：135430763共同學習！