# 默認配置
## 與Jquery Mobile自動初始化共同協作 Working with Jquery Mobile's Auto-initialization
不像其他的Jq項目,比如jq和jq ui,Jquery Mobile會在加載到增強特性時馬上應用它(遠早于document.ready事件發生時)。這些特性會基于Jquery Mobile的默認配置應用,是針對默認的情形設計的,他可能符合你的需求,也可能不符合。幸運的是,它很容易設置
**mobileinit事件**
當Jquery Mobile開始執行時,他就會在document對象上觸發mobileinit 事件,所以你可以綁定別的行為來覆蓋默認配置
```
$(document).bind("mobileinit", function(){
//覆蓋的代碼
});
```
因為mobileinit事件是在加載后馬上觸發,所以你需要在Jquery Mobile加載之前綁定你的事件處理函數,所以我建議你如下安排你的js引用順序
```
<script src="Jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="Jquery-mobile.js"></script>
```
在事件綁定內部,你可以設置你的默認配置,或者是使用jq?.extend方法擴展 $.mobile對象
```
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
foo: bar
});
});
```
**或者單獨設置它**
```
$(document).bind("mobileinit", function(){
$.mobile.foo = bar;
});
```
## 設置選項
以下的默認配置可以通過$.mobile對象重新配置
```
ns (_字符_, 默認: ""):
```
按照data-屬性格式安排的命名空間,例如:data-role,可以設置為任何東西,默認為空字符串。如果你包含一個面包屑的話用起來會比較明晰,比如 mynamespace-",會映射到 data-mynamespace-foo="...".
```
subPageUrlKey (_字符串,_默認: "ui-page"):
```
url參數用來指向組件產生的子頁面(比如生成的嵌套的列表)。會被轉義為_example.html&ui-page=subpageIdentifier_.Jquery Mobile會把 &ui-page=之前的部分用來向子頁面的url地址發出ajax請求
```
nonHistorySelectors (_字符串_, 默認: "dialog"):
```
對于帶有 data-rel?屬性的鏈接,或? ?data-role 屬性的頁面,如果選擇器與之匹配,則他們不會在歷史記錄中被追蹤 (即它們不會在location.hash中被更新,也不能加入到收藏夾?.
```
activePageClass (**_字符_串**, 默認: "ui-page-active"):
```
給當前頁面(包括轉場中的) 分配class
```
activeBtnClass (_字符串_, 默認: "ui-page-active"):
```
給活動狀態的按鈕分配class值,該class值必須在css框架中存
```
ajaxEnabled (_布爾值_, 默認: true):
```
Jquery Mobile 會自動通過ajax處理鏈接點擊以及表單提交?如果無法處理,url hash 監聽將會被禁用,url也會像常規那樣發出HTTP 請求.
```
ajaxLinksEnabled (_布爾值_, 默認: true):
```
可行時,Jquery Mobile 就會自動通過ajax處理鏈接的點擊
```
ajaxFormsEnabled (_布爾值_, 默認: true):
```
可行時,Jquery Mobile 就會自動通過ajax處理表單的提交
```
hashListeningEnabled (_布爾值_, 默認: true):
```
Jquery Mobile 會自動監聽與處理 location.hash的改變。禁用它會防止Jquery Mobile處理 location.hash的改?使你可以自己處理他們,或者在文檔中用完整的鏈接地址指到一個特定的id值上
```
defaultTransition (_字符串_, 默認: 'slide'):
```
設置默認的頁面之間的轉場效果。默認的對話框的轉場效果為”pop?設為none,則無轉場效果
```
loadingMessage (_字符串_, 默認: "loading"):
```
設置頁面加載時顯示的文本. 如果設置為false 將不會顯示任何文字
```
pageLoadErrorMessage (_字符串_, 默認: "Error Loading Page"):
```
通過ajax加載頁面失敗時出現的文本
```
gradeA (_返回一個布爾值_, 默認: 返回$.support.mediaquery的值:
```
瀏覽器必須符合所有支持的條件才會返回 true.
- 綜述
- Jquery mobile介紹 Jquery Mobile Overview
- 關鍵特性: Key features:
- 可訪問性 Accessibility
- a4版本支持的平臺 Supported platforms in Alpha 4
- API
- 默認配置
- 事件
- 方法
- 有響應的布局助手
- 主題
- 組件
- 頁面與對話框
- 頁面
- 頁面轉場 Page transitions
- 創建對話框 Creating dialogs
- Jquery Mobile的導航模型 Jquery Mobile's navigation model
- 鏈接的格式 Link formats
- 給頁面主題樣式 Page Theming
- 工具欄
- 工具欄
- 頭部欄
- 尾部欄
- 導航欄
- 固定定位的工具欄會在滾屏后重新出現 Fixed toolbars will re-appear after you scroll
- 全屏的固定的工具欄 Fullscreen fixed toolbar
- 持續的尾部欄 Persistent footer nav bar
- 給頭部欄和尾部欄設置主題樣式
- 按鈕
- 按鈕標記選項 Button markup options
- 給按鈕添加圖標 Adding Icons to Buttons
- 內聯按鈕 Inline buttons
- 組按鈕 Grouped buttons
- 主題化按鈕 Theming buttons
- 內容的格式化
- html格式化 HTML Formatting
- 布局網格 Layout grids
- 可折疊的內容 Collapsible content markup
- 給內容主題 Theming content
- 表單元素
- 表單元素 Form elements
- 表單元素示例 Form element gallery
- 文本輸入框 Text inputs
- 搜索輸入框 Search inputs
- 滑動條 Slider
- 開關 Flip toggle switches
- 復選按鈕 Checkboxes
- 單選按鈕組 Radio buttons
- 選擇菜單 Select menus
- 表單的主題樣式 Form themes
- ajax的表單提交 Ajax form submission
- 表單插件的方法 Form Plugin Methods
- Jquery UI 的移動版日期拾取器插件 Jquery UI's Datepicker Styled for mobile
- 列表
- 列表 List views
- 列表標記的規約List markup conventions