- jQuery Mobile 教程
- jQuery Mobile - 主頁
- jQuery Mobile - 概覽
- jQuery Mobile - 設定
- jQuery Mobile - 頁面
- jQuery Mobile - 圖示
- jQuery Mobile - 過渡
- jQuery Mobile - 佈局
- jQuery Mobile - 小元件
- jQuery Mobile - 事件
- jQuery Mobile - 表單
- jQuery Mobile - 主題
- jQuery Mobile - CSS 類
- jQuery Mobile - 資料屬性
- jQuery Mobile 有用資源
- jQuery Mobile - 面試問題
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用資源
- jQuery Mobile - 討論
jQuery Mobile - 工具欄
若要增強頁首和頁尾,可以使用工具欄小元件。
下表列出了 jQuery Mobile 中使用的不同型別的工具欄−
| 序號 | 工具欄型別及說明 |
|---|---|
| 1 | 標記
包含工具欄,如顯示在頁面的頂部頁首 和底部頁尾。 |
| 2 | 主題
主題色板將預設從頁面繼承到頁首和頁尾工具欄;但是,可以輕鬆設定主題色板的顏色。 |
| 3 | 工具欄中的按鈕
可以使用ui-btn-left 和ui-btn-right 類將按鈕定位在工具欄上。 |
| 4 | 向頁首中新增“後退”按鈕
當頁首具有data-add-back-btn = "true" 屬性時,jQuery Mobile 框架會在頁首中生成一個後退按鈕。 |
| 5 | 導航欄
可以在頁首和頁尾工具欄中使用導航欄。 |
| 6 | 分組按鈕
可以使用data-role = "controlgroup" 和data-type = "horizontal" 屬性將按鈕分組為一組按鈕,並將連結包裝在元素中。 |
| 7 | 新增內邊距
工具欄對於導航欄和其他小元件沒有任何內邊距。若要新增內邊距,可以在一個元素內部包裝工具欄的內容,並將ui-bar 類新增到該元素。 |
jquery_mobile_widgets.htm
廣告