buttonMarkup()

このエントリーをはてなブックマークに追加

buttonMarkup()はボタンウィジェットを制御する為のメソッドです。

この機能はjQuery Mobile 1.4より非推奨になりました。近いバージョンで廃止予定ですので利用する際には注意してください。

このメソッドはセレクターで指定した要素をボタンに変換することができます。このメソッドはbutton()とほぼ同様の機能を有します。

$("p").button();

このように通常はボタンに変換されないp要素の形状をボタンに変換します。これは要素にdata-role=”button”を付加した場合と同等の処理になります。

ボタンに変換する際に引数に様々なオプションを指定することができます。

オプション

corners

true

falseを指定することで角丸ではないボタンが生成できます。

$("#p1").buttonMarkup({ corners: false });

これは、data-corners属性と同じ指定の意味をもちます。

icon

null

ボタンに表示するアイコン画象を指定することができます

$("#p2").buttonMarkup({ icon: "star"  });

これはdata-icon属性と同じ指定になります。

iconpos

left

ボタンに表示するアイコンの位置を”right”、”left”、”top”、”bottom”の値で指定できます。

$("#p3").buttonMarkup({ icon: "star",iconpos: "right"});

これはdata-iconpos属性と同じ指定になります。

iconshadow

ボタンに表示するアイコンに影をつけるかどうか指定できます。

true

$("#p4").buttonMarkup({ icon: "star",iconshadow:false});

これはdata-iconshadow属性と同じ指定になります。

inline

null (false)

ボタンをインライン要素で表示するかどうかを指定できます。

$("#p5").buttonMarkup({ inline: true });

これはdata-inline属性と同じ指定になります。

mini

null (false)

ボタンを小さく表示するか指定できます。

$("#p6").buttonMarkup({ mini: true });

これはdata-mini属性と同じ指定になります。

shadow

ボタンに影をつけるかどうか指定できます。

$("#p7").buttonMarkup({ shadow: false });

これはdata-shadow属性と同じ指定になります。

theme

ボタンのテーマを指定できます。

true

$("#p8").buttonMarkup({ theme: "a" });

これはdata-theme属性と同じ指定になります。

メソッド

buttonMarkup()は引数に以下の文字列を与えることで特定の機能をもつとされています。ただ、実際に動作しません。button()ではjQuery Mobile 1.2以下では動作しますのでそちらを利用ください。

$("div").buttonMarkup("disable");
$("div").buttonMarkup("enable");
$("div").buttonMarkup("refresh");
jQuery Mobile 1.0.0での追加/変更

buttonMarkup()はjQuery Mobile1.0で定義されたメソッドです。

jQuery Mobile 1.4.0での追加/変更

buttonMarkup()はjQuery Mobile1.4より非推奨になりました。

参考URL

Button Widget | jQuery Mobile API Documentation

登録日 : 2013年06月29日 最終更新日 : 2016年12月19日

同じカテゴリー(メソッド)のエントリー

検索

スポンサードリンク

バージョン

リファレンス