jQuery Mobile リファレンス

Tweet

data-iconpos属性はdata-icon属性で指定したアイコンの表示位置を制御する属性です。

デフォルトではdata-iconpos=”left”つまりボタンの左側にアイコンが表示されます。

• data-iconpos=”right”
• data-iconpos=”left”
• data-iconpos=”top”
• data-iconpos=”bottom”

ボタンに文字列を表示しない場合は data-iconpos=”notext”を指定します。

<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>

data-iconpos属性はコラプシブルパネルでも利用できます。

jQuery 1.3まではdata-iconpos属性を指定して動的に指定していましたがjQuery 1.4からはclass=”ui-btn-icon-top”やclass=”ui-btn-icon-right”、class="ui-btn-icon-bottom"などを追加するのみで適応できるようになりました。

登録日 : 2012年10月01日 最終更新日 : 2016年12月19日

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

• data-shadow
• data-iconshadow
• data-corners
• data-type=”horizontal”
• data-inline=”true”
• data-mini=”true”
• data-iconpos
• data-icon