小白学jquery Mobile《构建跨平台APP：jQuery Mobile移动应用实战》连载五（给按钮加图标）

在范例5-4所使用的导航栏中，已经为按钮加入了图标的样式，但是当时并没有介绍按钮的图标究竟是怎么一回事。下面截取范例5-4中导航栏部分的代码：

<divdata-role="footer">
<div  data-role="navbar"data-grid="c">   
<ul>       
              <li><a id="chat" href="#"data-icon="custom">微信</a></li>       
              <li><a id="email" href="#"data-icon="custom">通讯录</a></li>       
              <li><a id="skull" href="#"data-icon="custom">找朋友</a></li>       
              <li><a id="beer" href="#"data-icon="custom">设置</a></li>         
</ul>   
</div>
</div>

导航栏部分的样式如图6-2所示。