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

참조 - 삶의 조각들

페이지 트랜지션 이벤트는 페이지 이동시에 발생한다. 발생하는 이벤트로는 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("속성명");