jQuery Mobile - 导航栏小部件
导航栏小部件是一组按钮，可将您链接到其他网页或部分。 jQuery Mobile 提供了一个基本的导航栏小部件，其中包含最多 5 个按钮和一个栏中的可选图标。
下表列出了 jQuery Mobile 中使用的导航栏类型。
| 序号 | 导航栏类型 & 说明 |
|---|---|
| 1 | Navbar basics
可以使用 data-role = "navbar" 属性创建导航栏。 |
| 2 | Multi-row
每当导航栏包含超过 5 个项目时，所有项目都将换行成两横跨的多行。 |
| 3 | Navbars in headers
您可以通过在页眉块中添加导航栏容器来将导航栏添加到页面顶部。 |
| 4 | Navbars in footers
要将导航栏添加到页面底部，请将导航栏包裹在具有 data-role = "footer" 属性的容器中。 |
| 5 | Persistent
持久导航栏就像一个标签栏，在您浏览页面时看起来是固定的。 |
| 6 | Icons
要将图标添加到导航栏，请为每个锚点使用 data-icon 属性。 |
| 7 | Icon position
导航栏图标可以放置在导航栏容器上，而不是每个链接上。 |
| 8 | 3rd party icon sets
您可以将第三方图标添加到您的导航栏。 为此，只需添加自定义样式以链接到图标并将它们放置在导航栏中。 |
| 9 | Themes
就像按钮一样，主题色板将由导航栏从其父容器继承。 |
| 10 | Navbars with button elements
除了在导航栏中使用链接，您还可以使用按钮元素。 |
