在 jQuery Mobile 中,如需为按钮添加图标,请使用 data-icon 属性:
<a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a>
提示:在 <button> 或 <input> 元素中,您也可以使用 data-icon 属性。
下面我们列出了 jQuery Mobile 提供的所有可用图标:
属性值 | 描述 | 实例 |
---|---|---|
data-icon="arrow-l" | 左箭头 | 实例» |
data-icon="arrow-r" | 右箭头 | 实例» |
data-icon="arrow-u" | 上箭头 | 实例» |
data-icon="arrow-d" | 下箭头 | 实例» |
data-icon="plus" | 加号 | 实例» |
data-icon="minus" | 减号 | 实例» |
data-icon="delete" | 删除 | 实例» |
data-icon="check" | 检查 | 实例» |
data-icon="home" | 首页 | 实例» |
data-icon="info" | 信息 | 实例» |
data-icon="grid" | 网格 | 实例» |
data-icon="gear" | 工具 | 实例» |
data-icon="search" | 搜索 | 实例» |
data-icon="back" | 后退 | 实例» |
data-icon="forward" | 前进 | 实例» |
data-icon="refresh" | 更新 | 实例» |
data-icon="star" | 星号 | 实例» |
data-icon="alert" | 警告 | 实例» |