본문 바로가기
모바일

JQuery Mobile 기본값 설정 mobileinit

by xfree302 2011. 12. 9.
반응형


JQuery Mobile 기본값 설정

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>


JQuery Mobile 처음 로딩시 "mobileinit" 이벤트 발생

JQuery Mobile 이 로딩되면 재설정된다.

고로 아래처럼 중간에서 설정한다.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> ==>요기부분에 설정
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>


설정파일 만들고 넣는다.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="설정파일.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>


설정파일.js

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

$.mobile.ns = "";
$.mobile.subPageUrlKey = "ui-page";
$.mobile.nonHistorySelectors = "dialog";
$.mobile.activePageClass = "ui-page-active";
$.mobile.activeBtnClass = "ui-page-active";
$.mobile.ajaxEnabled = true;
$.mobile.hashListeningEnabled = true;
$.mobile.defaultPageTransition = "slide";
$.mobile.defaultDialogTransition = "pop";
$.mobile.minScrollBack = "150";
$.mobile.loadingMessage = "loading";
$.mobile.pageLoadErrorMessage = "Error Loading Page";
$.mobile.gradeA
});

등등...

http://www.google.co.kr/#sclient=psy-ab&hl=ko&newwindow=1&site=&source=hp&q=mobileinit&pbx=1&oq=mobileinit&aq=f&aqi=&aql=&gs_sm=e&gs_upl=0l0l0l131l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=50054fe44eb07367&biw=1059&bih=795


반응형