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

Icons - jQuery Mobile Demos

登録日 : 2012年09月30日 最終更新日 : 2016年12月19日

同じカテゴリー(ボタン)のエントリー

検索

スポンサードリンク

バージョン

リファレンス