【Jquery mobile】修改頁面預設配置

在載入頁面或者載入頁面出錯的時候頁面預設提示"loading"，"Error Loading Page"等等不是我們想要的。

需要修改預設的配置。

以下是 $.mobile對象的可配置選項以及其預設值: 具體見jquery.mobile-1.0.js

subPageUrlKey ( string， default: "ui-page"):

url參數用來引用由外掛程式產生的子頁面(例如那些由嵌套的listview產生的子頁面) 例如: example.html&ui-page=subpageIdentifir. 在&ui-page=前的部分被jquery mobile架構用來向子頁面所在的URL發送一個ajax請求.

nonHistorySelectors ( string， default: "dialog"):

對於帶有data-rel屬性值的a標籤連結 或者 帶有data-role屬性值的page，如果它們匹配這些選取器(即該string參數)，那麼它們不會在記錄中被追蹤 (即它們不會在location.hash中被更新也不會被瀏覽器曆史所標記).

activePageClass ( string， default: "ui-page-active"):

該class被分配給當前視圖中的page (包括過渡狀態中的)

activeBtnClass ( string， default: "ui-page-active"):

該class用於"啟用"button的狀態 (參見css架構).

ajaxEnabled ( boolean， default: true):

當可能的時候jQuery Mobile 會自動通過ajax處理連結點擊以及表單提交， 如果不行，url hash 監聽將會停止，url也會像常規那樣發出HTTP 要求.

ajaxLinksEnabled ( boolean， default: true):

只要可行的時候，jQuery Mobile 就會自動通過ajax處理連結的點擊.

ajaxFormsEnabled ( boolean， default: true):

只要可行的時候，jQuery Mobile 就會自動通過ajax處理頁面提交.

autoInitialize ( boolean， default: true):

當該選項被設定為false時 自動初始化功能將延遲嵌入頁面(page)的增強功能直到

 $.mobile.initializePage(); 

被顯式調用. 預設情況下當DOM載入完畢page將會被增強.

defaultTransition ( string， default: 'slide'):

設定頁面過渡效果(ajax請求)，設定為'none'表示沒有任何過渡效果.

loadingMessage ( string， default: "loading"):

設定頁面載入時顯示的文本. 如果設定為false， 將不會顯示任何文本.

metaViewportContent ( string， default: "width=device-width， minimum-scale=1， maximum-scale=1"):

配置自動產生的meta標籤，如果為false，將不會為DOM添加任何meta標籤.

gradeA ( 函數返回boolean值， default: 該函數預設返回 $.support.mediaquery 的值):

瀏覽器必須符合所有支援的條件才會返回 true.

等等……

 

當jQuery Mobile開始執行的時候， 它會在document對象上觸發一個mobileinit 事件， 可以重寫jQuery Mobile預設的響應函數.

$(document).bind("mobileinit"， function(){ //這裡是重寫的代碼 });

這個方法必須寫到 jquery.mobile-1.0.js 引入之前。

在綁定事件的函數內部，你可以使用$.mobile對象的$.extend方法來配置預設參數值:

 $(document).bind("mobileinit"， function(){ $.extend( $.mobile ， { foo: bar }); });  

或者單獨設定它們:

  <script type="text/javascript">   $(document).bind("mobileinit", function() {    $.mobile.loadingMessage = "正在載入資料，請稍候……";    $.mobile.pageLoadErrorMessage = "很抱歉，系統好像出了點問題！";   });  </script>