jQM中文手冊：jQuery Mobile Ajax開發
有些時候因為項目的需要我們還是需要對這些參數進行自定義的。在學習jM的初始化參數之前，我們需要先來了解mobileinit事件。
Mobileinit事件
jQuery Mobile的加載事件和普通的jQuery插件有所不同，它會在document.ready事件之前執行。因此我們在需要對jQuery Mobile的默認運行參數進行調整的時候就需要在document.ready事件之前來對這些參數進行設置，jM為我們提供了mobileinit事件來處理加載之前需要執行的代碼。
例如：
- $(document).bind("mobileinit", function(){
- //apply overrides her
- });
初始化配置項的兩種方法
方法一：通過jQuery的$.extend方法來設置多個配置項
- $(document).bind("mobileinit", function(){
- $.extend( $.mobile , {
- foo: bar
- });
- });
方法二：獨立設置每個配置項
- $(document).bind("mobileinit", function(){
- $.mobile.foo = bar;
- });
初始化配置項
以下是可以通過$.mobile對象來初始化的配置項：
activeBtnClass (string, default: "ui-page-active"):
設置按鈕處于激活狀態時的CSS樣式。
字符串類型，在默認狀態下參數是引用樣式表中的” ui-page-active "。
覆蓋范圍：Buttons、List views、Select menus等組件的觸發狀態。
例如：
- $(document).bind("mobileinit", function(){
- $.mobile.activeBtnClass="ui-btn-hover-a";
- });
將按鈕激活狀態的樣式定義為樣式” ui-btn-hover-a”
activePageClass (string, default: "ui-page-active"):
設置當前激活狀態頁面的樣式，一個jM頁面中必將有一個頁面容器是處于激活狀態的，其它jM頁面容器將會處于隱藏狀態，
字符串類型，在默認狀態下參數是引用樣式表中的” ui-page-active”，樣式ui-page-active是用來將頁面設置為顯示狀態的樣式。所以在自定義這個樣式到時候必須要在樣式中聲明以下屬性：”display:block !important; overflow:visible !important;” 。（注意：不熟悉jM的CSS框架的朋友經常會遇到自定義的樣式不起作用的情況，這一般是由于自定義的樣式和原有CSS框架的繼承關系不同引起的，可以在不起作用的樣式后面加上!important來提高自定義樣式的優先級）
例如：
- $(document).bind("mobileinit", function(){
- $.mobile.activePageClass="ui-page-custom";
- });
將頁面激活狀態的樣式定義為樣式” ui-page-custom”，” ui-page-custom”中必須定義” display:block !important; overflow:visible !important;”屬性。#p#
ajaxEnabled (boolean, default: true):
同時設置頁面中的鏈接和表單提交是否使用Ajax方法，也就是說表單的提交和a標記中的鏈接，都是采用ajax調用。
布爾類型，在默認狀態下參數是true。
例如：
- $(document).bind("mobileinit", function(){
- $.mobile.ajaxEnabled=false;
- });
如果你的項目中沒有用到Ajax，那么建議將這里設為false
ajaxFormsEnabled (deprecated boolean, default: true):
單獨設置頁面中的表單提交是否使用Ajax方法。
布爾類型，在默認狀態下參數是true。
ajaxLinksEnabled (deprecated boolean, default: true):
單獨設置頁面中的鏈接是否使用Ajax方法。
布爾類型，在默認狀態下參數是true。
autoInitialize (boolean, default: true):
設置頁面是否自動初始化，當設置為false時，jQM將推遲對頁面的渲染，方便我們動態構建頁面的Dom元素等異步操作時引發的頁面渲染失敗問題。
在頁面元素構建完成后用$.mobile.initializePage();來開始渲染頁面。
布爾類型，默認狀態下參數為true。
例如:
- $(document).bind("mobileinit", function(){
- $.mobile.autoInitialize=false; //刪除這行配置參數就會出現渲染錯誤
- });
- $(function(){
- function newDom(){
- $("div[data-role='content']")
- .append("<a href='web.html' data-role='button'>Link button</a>");
- $.mobile.initializePage();//加載完成后開始渲染頁面
- }
- setTimeout(newDom,500); //延時加載
- });
defaultTransition (string, default: 'slide'):
設置默認的頁面過渡效果，如果不想使用過渡效果就將參數設置為”none”。
字符類型，默認參數”slide”。
gradeA (function that returns a boolean, default: a function returning the value of $.support.mediaquery):
用于判斷瀏覽器是否屬于A級瀏覽器。
布爾類型，默認$.support.mediaquery用于返回這個布爾值。
loadingMessage (string, default: "loading"):
設置加載提示框里顯示的文本，如果設置為false，將不顯示加載提示框。
字符類型，默認值”loadind”。
metaViewportContent (string, default: "width=device-width, minimum-scale=1, maximum-scale=1"):
設置用于頁面的適應比例的mata元素，如果設置為false，將不添加Mata元素。
字符類型，默認” width=device-width, minimum-scale=1, maximum-scale=1”。
nonHistorySelectors (string, default: "dialog"):
設置何種data-rel參數不會記錄到哈希表。
由于現階段data-rel只有” dialog”參數，建議不要自定義此項。
subPageUrlKey (string, default: "ui-page"):
用于設置引用子頁面時哈希表中的標識。
字符類型，默認” ui-page”。
初始化配置部分結束
