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();
});
このサンプルでは#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日
同じカテゴリー(メソッド)のエントリー
- $.widget()
- enhanceWithin()
- collapsibleset()
- collapsible()
- checkboxradio()
- buttonMarkup()
- button()
- $.mobile.silentScroll()
- $.mobile.path.parseUrl()
- $.mobile.path.makeUrlAbsolute()
- $.mobile.path.isRelativeUrl()
- $.mobile.path.isAbsoluteUrl()
- $.mobile.path.get()
- $.mobile.navigate()
- jqmEnhanceable()
- panel()
- popup()
- selectmenu()
- slider()
- textinput()
- $.mobile.changePage()
- page()
- $.mobile.LoadPage()
- dialog()