jQuery Mobile 圖標(biāo)
jQuery 圖標(biāo)
如需在 jQuery Mobile 中向按鈕添加圖標(biāo)，請(qǐng)使用 data-icon 屬性：
<a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a>
提示：您也可以在 <button> 或 <input> 元素中使用 data-icon 屬性。
下面我們已列出 jQuery Mobile 提供的所有可用圖標(biāo)：
| 屬性值 | 描述 | 圖標(biāo) | 例子 |
|---|---|---|---|
| data-icon="arrow-l" | 左箭頭 | 測(cè)試 | |
| data-icon="arrow-r" | 右箭頭 | 測(cè)試 | |
| data-icon="arrow-u" | 上箭頭 | 測(cè)試 | |
| data-icon="arrow-d" | 下箭頭 | 測(cè)試 | |
| data-icon="plus" | 加 | 測(cè)試 | |
| data-icon="minus" | 減 | 測(cè)試 | |
| data-icon="delete" | 刪除 | 測(cè)試 | |
| data-icon="check" | 檢查 | 測(cè)試 | |
| data-icon="home" | 首頁(yè) | 測(cè)試 | |
| data-icon="info" | 信息 | 測(cè)試 | |
| data-icon="grid" | 網(wǎng)格 | 測(cè)試 | |
| data-icon="gear" | 齒輪 | 測(cè)試 | |
| data-icon="search" | 搜索 | 測(cè)試 | |
| data-icon="back" | 后退 | 測(cè)試 | |
| data-icon="forward" | 向前 | 測(cè)試 | |
| data-icon="refresh" | 刷新 | 測(cè)試 | |
| data-icon="star" | 星 | 測(cè)試 | |
| data-icon="alert" | 提醒 | 測(cè)試 |