jQuery Mobile - 工具欄



若要增強頁首和頁尾,可以使用工具欄小元件。

下表列出了 jQuery Mobile 中使用的不同型別的工具欄

序號 工具欄型別及說明
1 標記

包含工具欄,如顯示在頁面的頂部頁首 和底部頁尾

2 主題

主題色板將預設從頁面繼承到頁首和頁尾工具欄;但是,可以輕鬆設定主題色板的顏色。

3 工具欄中的按鈕

可以使用ui-btn-leftui-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
廣告
© . All rights reserved.