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です。

ボタンはデフォルトは角が丸まっていますが、data-corners="false"を指定することにより、四角ボタンに変更することができます。


ボタンのDEMOです。

jQueryMobileのボタンを非活性にする
jQueryMobileのaタグのdata-role="button"のボタンを非活性にするにはui-disabledをクラスで指定します。



ボタンを非活性にするDEMOです。

Back to top

Information