data-icon
ボタンに対してdata-iconを付加することことでボタンにアイコンを付けることが可能です。
たとえば削除アイコンをつけたい場合は「data-icon=”delete”」を追加します。
<a href="index.html" data-role="button" data-icon="delete">Delete</a>
他にも、以下のような値が指定可能です。
- data-icon=”arrow-l”
- data-icon=”arrow-r”
- data-icon=”arrow-u”
- data-icon=”arrow-d”
- data-icon=”delete”
- data-icon=”plus”
- data-icon=”minus”
- data-icon=”check”
- data-icon=”gear”
- data-icon=”refresh”
- data-icon=”forward”
- data-icon=”back”
- data-icon=”grid”
- data-icon=”star”
- data-icon=”alert”
- data-icon=”info”
- data-icon=”home”
- data-icon=”search”
- data-icon=”bars”
- data-icon=”edit”
アイコンの表示位置はdata-iconpos属性で制御できます。
jQuery Mobile 1.3.0での追加/変更jQuery Mobile 1.3.0でdata-icon="bars"とdata-icon="edit"が追加されました
参考URL
登録日 : 2012年09月30日 最終更新日 : 2016年12月19日