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です。
ボタンはデフォルトは角が丸まっていますが、data-corners="false"を指定することにより、四角ボタンに変更することができます。
ボタンの
DEMOです。
jQueryMobileのボタンを非活性にする
jQueryMobileのaタグのdata-role="button"のボタンを非活性にするには
ui-disabledをクラスで指定します。
ボタンを非活性にする
DEMOです。