トップページ >  jQuery Mobile >  jQueryMobileのボタン
初版2014/02/04： 最終更新日2014/02/04
jQueryMobileのボタン
目次
・jQueryMobileのaタグのボタン
・jQueryMobileのbuttonタグのボタン
・jQueryMobileのボタンのインライン化
jQueryMobileのaタグのボタン
jQuery Mobileを使用してボタンをスマホ向けに表示するにはいくつか方法があります。
まずリンクタグ（a href）に

<a href="#" data-role="button">ボタン</a>

としてボタンを表示することができます。

jQueryMobileのbuttonタグのボタン
リンクタグの他にボタンを表示する方法としてbuttonタグがあります。

<button;>ボタン</button>

jQueryMobileのボタンのインライン化
ボタンのインライン化とは、ボタン幅に合わせたボタンのことです。
data-inline="true"とするとインライン化されます。

<a href="#" data-role="button" data-inline="true">ライン</a>

ボタンのDEMOです。

HOME