$.widget()

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

$.widget()はjQuery Mobileのウィジェットを生成するためのメソッドです。

設定はmobileinitイベントで行い、独自のウィジェットを定義することができます($.widget()の利用方法はjQuery UIのWidget Factoryと同じです)。

例えばクリックされた際にアラートを表示するウィジェットは以下のように指定します。

$( document ).on( "mobileinit", function() {
	$.widget("my.alert", {
		_create: function(){
			this.element.click(function(){
				alert("ok");
				return false;
			});
		}
	});
});

作成したウィジェットはdata-role属性に作成したウィジェット名を指定して呼び出すことができます。

<div data-role="alert">click</div>

sample

jQuery Mobile 1.4.0での追加/変更

$.widget()はjQuery Mobile 1.4.0で追加されたメソッドです。

登録日 : 2014年01月15日 最終更新日 : 2016年12月19日

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

検索

スポンサードリンク

バージョン

リファレンス