jQuery Mobile 图标
jQuery 图标
在 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" |
警告 |
|
尝试一下 |
|
请发表评论