jQuery Mobile 导航栏

通过导航栏你可以快速到达指定位置，jQuery Mobile将导航栏部分的代码放在了data-role 为 header 的 div 中。

jQuery Mobile 导航栏

导航栏是由一组水平排列的链接组成，通常包含在头部或尾部内。

默认情况下，导航栏中的链接将自动变成按钮（不需要 data-role="button"）。

使用 data-role="navbar" 属性来定义导航栏：

激活按钮

当导航栏中的某个链接被点击，它将获得被选中（按下）的外观。

如果想在不点击链接时获得这种外观，请使用 class="ui-btn-active"：

对于多个页面，您可能想要每个按钮的选中外观代表当前用户所在的页面。要做到这一点，请添加 "ui-state-persist" 和 "ui-btn-active" 到链接的 class：

内容中的导航栏
如何在 data-role="content" 内添加导航栏。

尾部中的导航栏
如何在尾部内添加导航栏。

导航栏中的定位图标
如何在尾部内的导航栏中定位图标。

超过 5 个按钮
导航栏中 10 个按钮的演示。

关于jQuery Mobile实现导航栏的相关知识就给大家介绍到这里，希望对大家有所帮助！