jQuery Mobile アイコン
- 前のページ jQuery Mobile イベント
- 次のページ jQuery Mobile チュートリアル
jQuery アイコン
jQuery Mobile でボタンにアイコンを追加するには、data-icon属性を使用してください：
<a href="#anylink" data-role="button" data-icon="refresh">ページリフレッシュ</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" | 通知 | テスト |
- 前のページ jQuery Mobile イベント
- 次のページ jQuery Mobile チュートリアル
