346
jQuery Mobile的默認配置項詳解,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共同學習！
最後更新：2017-04-03 06:03:05