jQuery Mobile - 工具栏
要增强页眉和页脚,您可以使用 toolbar 工具栏小部件。
下表列出了 jQuery Mobile 中使用的不同类型的工具栏 −
序号 | Toolbar Type & Description |
---|---|
1 | Markup
它包含工具栏,例如显示在页面顶部的页眉 和显示在页面底部的页脚。 |
2 | Theme
默认情况下,主题色板将由页面的页眉和页脚工具栏继承; 但是您可以轻松设置主题色板的颜色。 |
3 | Buttons in toolbars
可以使用 ui-btn-left 和 ui-btn-right 类将按钮定位在工具栏上。 |
4 | Adding back button to header
当标头具有 data-add-back-btn = "true" 属性时,jQuery 移动框架会在标头上生成一个 back 按钮。 |
5 | Navbars
您可以在页眉和页脚工具栏中使用导航栏。 |
6 | Grouped buttons
您可以使用 data-role = "controlgroup" 和 data-type = "horizontal" 属性将按钮分组为一组按钮并将链接包装在一个元素中。 |
7 | Adding padding
工具栏不会为导航栏和其他小部件提供任何填充。 要添加填充,您可以将工具栏的内容包装在一个元素内,并将 ui-bar 类添加到该元素。 |