본문 바로가기
프로그램/jQuery Mobile

29. 페이지 초기화 이벤트

by 로드러너 2014. 1. 3.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

Index

27. 페이지 이동 전에 발생하는 pageremove 이벤트

28. 페이지 트랜지션 이벤트

29. 페이지 초기화 이벤트

30. jQuery Mobile, AJAX 통신

 

 

jQuery Mobile은 웹앱에서 페이지를 초기화 할 수 있도록 초기화 이벤트를 제공한다. 초기화 이벤트는 pagebeforecreate, pagecreate, pageinit 가 있으면 3개 이벤트는 페이지 로드 이벤트인 pagebeforeload 와 pageload 사이에 순차적으로 발생한다.

 

 

 

이벤트 핸들러 바인딩

 

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

    $("외부 페이지 아이디").live("pagebeforecreate", function(event){

    }

    $("외부 페이지 아이디").live("pagecreate", function(event){

    }

    $("외부 페이지 아이디").live("pageinit", function(event){

    }

});

 

페이지 초기화 이벤트를 bind() 메소드가 아닌 live() 메소드로 등록했다. 외부 페이지가 아직 DOM 에 통합되지 않은 상태에서 핸들러를 먼저 등록하기 위해서이다.

 

live() : 해당 객체가 앞으로 생성될 것을 예측하고 이벤트를 바인딩한다.

bind() : 이 메소드가 호출되기 전에 해당 객체가 미리 생성되어 있어야 한다.

 

 

 

[영어회화] Never better. 아주 좋아요. 최고에요.