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

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

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

Index

26. 페이지 로드 이벤트

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

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

29. 페이지 초기화 이벤트

30. jQuery Mobile, AJAX 통신

 

 

페이지 트랜지션 이벤트는 페이지 이동시에 발생한다. 발생하는 이벤트로는 pagebeforehide, pagehide, pagebeforeshow, pageshow 이벤트가 있다. 페이지가 사라질 때 pagebeforehide, pagehide 이벤트가 발생하고 새로운 페이지가 나타날때 pagebeforeshow, pageshow 이벤트가 발생한다.

 

 

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

    $("#페이지아이디").live("pagebeforeshow", function(event, ui){

    });

    $("#페이지아이디").live("pageshow", function(event, ui){

    });

    $("#페이지아이디").live("pagebeforehide", function(event, ui){

    });

    $("#페이지아이디").live("pagehide", function(event, ui){

    });

});

 

 

페이지 트랜지션 이벤트 핸들러의 두번째 매개값인 ui 객체는 이전 페이지 또는 다음 페이지의 정보를 제공한다.

 

속성

ui.nextPage

다음 페이지에 대한 정보

ui.prevPage

이전 페이지에 대한 정보

 

 

이전 페이지와 다음 페이지에서 특정 속성 값을 알고 싶을  때는 다음과 같이 사용한다.

 

var value = ui.prevPage.attr("속성명");

var value = ui.nextPage.attr("속성명");

 

 

 

[영어회화] A piece of cake. 식은 죽 먹기지요