최신 웹 개발 튜토리얼
 

jQuery를 pagebeforeshow 이벤트

<jQuery를 모바일 이벤트

우리가 전환 된 페이지가 표시하려 할 때 텍스트를 경고 :

$(document).on("pagebeforeshow","#pagetwo",function(){
  alert("pagebeforeshow event fired - pagetwo is about to be shown");
});
»그것을 자신을 시도

정의 및 사용

pagebeforeshow 이벤트가 트리거됩니다 "to" 전환 애니메이션이 시작되기 전에, 페이지.

관련 이벤트 :

  • pageshow는 - 온 트리거 "to" 전환 애니메이션이 완료된 후, 페이지
  • pagebeforehide - 온 트리거 "from" 전환 애니메이션이 시작되기 전에, 페이지
  • pagehide - 온 트리거 "from" 전환 애니메이션이 완료된 후, 페이지

참고 :이 이벤트는 페이지 전환이 시작할 때마다 트리거 / 중지합니다.


통사론

jQuery를 모바일에서 모든 페이지에 대한 이벤트를 트리거하려면 :

$("document").on("pagebeforeshow",function(event){...}) Try it

특정 페이지에 대한 이벤트를 트리거하려면 :

$("document").on("pagebeforeshow"," page ",function(event,data){...}) Try it

매개 변수 기술
function(event,data) 필요합니다. pagebeforeshow 이벤트가 발생할 때 실행하는 함수를 지정한다.

이 함수는 두 개의 선택적 매개 변수가 있습니다 :

  • 이벤트 객체 - 어떤 jQuery를 이벤트 속성을 포함 할 수 있습니다 (예를 들어, event.target, event.type 등)를 참조하십시오 jQuery를 이벤트 참조 자세한 내용은
  • 데이터 객체는 - 우리가 멀리 전환 된 페이지를 반환 한 재산의 prevPage를 포함
page 선택 과목. 페이지의 ID에 포인트에 대한 pagebeforeshow 이벤트를 지정합니다. 내부 페이지의 경우, 사용 #id . 외부 페이지의 경우, 사용 externalfile.html .

그것을 자신을 시도 - 예를

관련 이벤트의 데모
때 pagebeforeshow, pageshow, pagebeforehide 및 pagehide 불을 보여주는 데모.

이벤트 객체
속성 Event.type을 사용하면 트리거 이벤트 유형을 반환합니다.

데이터 객체
prevPage 속성을 사용하면 우리가 멀리 전환 된 페이지를 반환합니다.


<jQuery를 모바일 이벤트