jQuery Mobile - 导航栏组件

导航栏组件是一组按钮，用于链接到其他网页或部分。jQuery Mobile 提供了一个基本的导航栏组件，最多包含 5 个按钮，以及一个可选的工具栏图标。

下表列出了 jQuery Mobile 中使用的导航栏类型。

序号	导航栏类型及说明
1	导航栏基础导航栏可以使用 *data-role = "navbar"* 属性创建。
2	多行当导航栏包含超过 5 个项目时，所有项目将被包裹到多行中，每行两个。
3	标题中的导航栏可以通过在标题块内添加导航栏容器，将导航栏添加到页面的顶部。
4	页脚中的导航栏要将导航栏添加到页面的底部，请将其包装在一个具有 data-role = "footer" 属性的容器中。
5	持久持久导航栏的工作方式类似于选项卡栏，在您浏览页面时始终显示。
6	图标要向导航栏添加图标，请为每个锚点使用 data-icon 属性。
7	图标位置导航栏图标可以放置在导航栏容器中，而不是每个链接上。
8	第三方图标集您可以向导航栏添加第三方图标。要实现此目的，只需添加自定义样式以链接到图标，并将它们放置在导航栏中。
9	主题与按钮一样，主题色板将从其父容器继承到导航栏。
10	带有按钮元素的导航栏除了在导航栏内使用链接外，您还可以使用按钮元素。

jquery_mobile_widgets.htm

打印页面

广告