學習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"為激動狀態的button分配 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 button後加入 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 將阻止所有的錨點選處理，比如取消啟用button狀態。一般來說僅僅有在把錨標記處理交給還有一個處理庫時才設定該屬性為 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共同學習！