jQuery Mobile 工具栏

工具栏元素通常位于头部和尾部内 - 让导航易于访问:



头部栏

头部栏一般包含页面标题/logo 或一两个按钮(通常是首页、选项或搜索)。

您可以添加按钮到头部的左侧或右侧。

下面的代码,将添加一个按钮到头部标题文本的左侧,添加一个按钮到头部标题文本的右侧:

实例

<div data-role="header">
  <a href="#" class="ui-btn ui-icon-home ui-btn-icon-left">主页</a>
  <h1>欢迎访问我的主页</h1>
  <a href="#" class="ui-btn ui-icon-search ui-btn-icon-left">搜索</a>
</div>


在工具栏上只显示图标可以使用 ui-btn-icon-notext 类。