jQuery Mobile - 工具栏

要增强页眉和页脚,您可以使用 toolbar 工具栏小部件。

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

序号 Toolbar Type & Description
1 Markup

它包含工具栏,例如显示在页面顶部的页眉 和显示在页面底部的页脚

2 Theme

默认情况下,主题色板将由页面的页眉和页脚工具栏继承; 但是您可以轻松设置主题色板的颜色。

3 Buttons in toolbars

可以使用 ui-btn-leftui-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 类添加到该元素。

❮ jQuery Mobile - 小部件