Index
25. mobileinit 이벤트
27. 페이지 이동 전에 발생하는 pageremove 이벤트
mobileinit 이벤트는 웹앱이 시작되자마자 발새하는 이벤트로 jQuery Mobile 라이브러리가 로딩되자마자 발생한다. 따라서, mobileinit 이벤트 핸들러는 jQuery Mobile 라이브러리가 로딩되기 전에 바인딩 되어야 한다.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,
user-scalable=no" />
<link rel="shortcut icon" href="../image/icon.png">
<link rel="apple-touch-icon" href="../image/icon.png">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
//mobileinit 이벤트 처리 로직
console.log("mobileinit");
}
</script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<!-- 페이지의 내용을 구성하는 영역 -->
</body>
</html>
mobileinit 이벤트 핸들러에서는 주로 jQuery Mobile의 기본 설정 값을 변경할 때 사용된다. jQuery Mobile의 주요 기본 설정 내용은 다음과 같다.
|
기본 설정 내용 |
설명 |
값 |
|
defaultPageTransition |
페이지 트랜지션 기본값 |
slide(default) | slideup | slidedown | pop | fade | flip |
|
loadingMessage |
페이지 로딩 메시지 |
loading (default) |
|
pageLoadErrorMessage |
페이지 로딩 실패 메시지 |
Error Loading Page (default) |
기본 설정 값은 다음과 같이 변경한다.
$.mobile.defaultPageTransition = "fade";
$.mobile.loadingMessage = "페이지 로딩중...";
$.mobile.pageLoadErrorMessage = "페이지 로딩실패";
jQuery Mobile은 로딩 메세지를 보여주거나 감출 수 있다.
showPageLoadingMsg()
$.mobile.loadingMessage 에 설정된 로딩 메세지를 보여준다.
사용법 : $.mobile.showPageLoadingMsg();
hidePageLoadingMsg()
로딩 메세지를 감춘다.
사용법 : $.mobile.hidePageLoadingMsg();
[영어회화] Large or small? 큰거요 아니면 작은 거요
'프로그램 > jQuery Mobile' 카테고리의 다른 글
| 27. 페이지 이동 전에 발생하는 pageremove 이벤트 (0) | 2014.01.01 |
|---|---|
| 26. 페이지 로드 이벤트 (0) | 2013.12.30 |
| 24. flip toggle 양식 (0) | 2013.12.28 |
| 23. checkbox, radio 버튼 양식 (0) | 2013.12.27 |
| 22. select 양식 (0) | 2013.12.26 |
