enhanceWithin()

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

enhanceWithin()はjQuery Mobile用の初期化を行う為のメソッドです。

動的にHTMLなどが追加された際に、セレクターで指定した箇所に対して初期化を行いjQuery Mobileの設定を適応します。

$.mobile.document.on( "click", "#insert", function() {
	var newElem = "<div data-role='controlgroup' data-theme='b'>"
		+ "<a href='index.html' data-role='button'>Yes</a>"
		+ "<a href='index.html' data-role='button'>No</a>"
		+ "<a href='index.html' data-role='button'>Maybe</a>"
		+ "</div>";
	$("[data-role=content]").html(newElem).enhanceWithin();
});

sample

このサンプルでは#insertがクリックされた際にHTMLを追加し、enhanceWithin()を利用して追加したHTMLにjQuery Mobileを適応しています。

jQuery Mobileを行いたい箇所にはdata-enhance=”false”を指定しておきましょう(この属性は$.mobile.ignoreContentEnabledが「true」の場合に有効です。)。

jQuery Mobile 1.4.0での追加/変更

enhanceWithin()はjQuery Mobile 1.4で追加されたメソッドです。

参考URL

.enhanceWithin() | jQuery Mobile API Documentation

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

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

検索

スポンサードリンク

バージョン

リファレンス