jQuery Mobile의 Auto-Initialization

jQuery 의 Style 이나 javascript 가 해당 페이지의 DOM 요소를 로드하기 전에 수행되어 지는 이벤트가 있습니다.

즉 $(document).ready() 이벤트가 수행되기전에 자동적으로 적용됩니다.

만약에 초기구성을 바꿀필요가 있을때 해당이벤트에서 오버라이딩을 수행하면됩니다.

$(document).on("mobileinit", function() {

//apply override here

//기본적인 설정을 오버라이딩함

$.extend( $.mobile, {foo:bar} );

});

자바스크립트의 위치도 중요합니다.

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

바꿀수 있는 구성옵션

activeBtnClass string, default: "ui-btn-active"

activePageClass string, default: "ui-page-active"

ajaxEnabled boolean, default: true

allowCrossDomainPages boolean, default: false

autoInitializePage boolean, default: true

buttonMarkup.hoverDelay integer, default: 200

defaultDialogTransition string, default: 'pop'

defaultPageTransition string, default: 'fade'

getMaxScrollForTransition integer, default: 3

hashListeningEnabled boolean, default: true

ignoreContentEnabled boolean, default: false

linkBindingEnabled boolean, default: true

pageLoadErrorMessage string, default: "Error Loading Page"

pageLoadErrorMessageTheme string, default: "e"

phonegapNavigationEnabled boolean, default: false