在 jQuery Mobile 中,如需為按鈕添加圖標,請使用 data-icon 屬性:
提示:在 <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" | 網(wǎng)格 | 嘗試一下 | |
data-icon="gear" | 工具 | 嘗試一下 | |
data-icon="search" | 搜索 | 嘗試一下 | |
data-icon="back" | 后退 | 嘗試一下 | |
data-icon="forward" | 前進 | 嘗試一下 | |
data-icon="refresh" | 更新 | 嘗試一下 | |
data-icon="star" | 星號 | 嘗試一下 | |
data-icon="alert" | 警告 | 嘗試一下 |
更多建議: