jQuery Mobile 按钮图标


jQuery Mobile 提供了一套让按钮看起来更称心如意的图标。





添加图标到 jQuery Mobile 按钮

我们可以使用 ui-icon 类将图标添加到按钮上,并可以使用指定类来设置按钮位置。

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left">Search</a>

注意: 在其他方式的按钮上,如列表或表单中的按钮需要使用 data-icon 属性。在接下来的章节中我们会具体介绍。

下面我们列出一些 jQuery Mobile 提供的可用图标:

按钮类 描述 按钮 实例
ui-icon-arrow-l 左箭头
使用 "ui-alt-icon" 类的实例。