jQuery Mobile 导航栏代码

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

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

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

复制代码 代码如下:

<div data-role="header">
<div data-role="navbar">
<ul>
<li><a href="#anylink">Home</a></li>
<li><a href="#anylink">Page Two</a></li>
<li><a href="#anylink">Search</a></li>
</ul>
</div>
</div>

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

如果想在不惦记链接时获得这种外观，请使用：

<li><a href="#anylink">Home</a></li>

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

<li><a href="#anylink">Home</a></li>