jQuery를 모바일 페이지 이벤트
jQuery를 모바일에서 페이지를 처리하기위한 이벤트는 네 가지 범주로 구분됩니다
- 초기화 페이지 - 페이지 생성하기 전에, 페이지가 생성되었을 때
- 페이지로드 / 언로드 - 외부 페이지, 언 로딩 또는 오류가 발생하는 경우
- 페이지 전환 - 전 및 페이지 전환 후
- 페이지 변경 - 페이지 또는 변경, 또는 오류가 발생하는
모든 jQuery를 모바일 이벤트의 전체 참고로, 우리로 이동하시기 바랍니다 jQuery를 모바일 이벤트 참조 .
jQuery를 모바일 초기화 이벤트
jQuery를 모바일 전형적인 페이지가 초기화 될 때, 두 단계를 거쳐 진행한다 :
- 페이지 생성 전
- 페이지 생성
각 단계는 삽입 또는 jQuery를 이동국이 페이지를 강화하거나 전에 코드를 조작하는 데 사용될 수있는 경우가있다.
| 행사 | 기술 |
|---|---|
| pagebeforecreate | jQuery를 이동국이 페이지를 향상 시작 전에 페이지 초기화 되려고 한 때 트리거 |
| pagecreate | 페이지가 생성되었을 때 트리거하지만 전에 향상 완료 |
아래의 예는 페이지가 jQuery를 모바일에서 생성 될 때마다 이벤트가 발생을 보여줍니다
예
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); »그것을 자신을 시도 jQuery를 모바일로드 이벤트
페이지로드 이벤트는 외부 페이지에 있습니다.
외부 페이지가 DOM에로드 될 때마다,이 이벤트가 발생. 첫째 pagecontainerbeforeload이고, 두 번째는 하나 (성공) pagecontainerload 또는 (실패) pagecontainerloadfailed한다.
이러한 이벤트는 아래 표에 설명되어 있습니다 :
| 행사 | 기술 |
|---|---|
| pagecontainerbeforeload | 모든 페이지로드 요청이되기 전에 트리거 |
| pagecontainerload | 페이지가 성공적 DOM에로드 삽입 된 후에 트리거 |
| pagecontainerloadfailed | 페이지로드 요청이 실패 할 경우 트리거. 기본적으로는 "오류로드 페이지"메시지가 표시됩니다 |
아래의 예는 pagecontainerload 및 pagecontainerloadfailed 이벤트가 작동하는 방법을 보여줍니다
예
$(document).on("pagecontainerload",function(event,data){
alert("pageload
event fired!\nURL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
alert("Sorry, requested page does not exist.");
}); »그것을 자신을 시도 jQuery를 모바일 전환 이벤트
우리는 또한 우리가 한 페이지에서 다음으로 전환 할 때 이벤트를 사용할 수 있습니다.
- 이러한 전환은 현재 활성화 된 페이지에서 변경 애니메이션에 "에서"페이지와 "를"페이지 : 페이지 전환은 두 페이지 포함 (fromPage) 새로운 페이지 (toPage) .
| 행사 | 기술 |
|---|---|
| pagebeforeshow | 전환 애니메이션이 시작하기 전에 "를"페이지에서 트리거 |
| pageshow | 전환 애니메이션이 완료된 후 "을"페이지에서 트리거 |
| pagebeforehide | 전환 애니메이션이 시작하기 전에 "에서"페이지에 트리거 |
| pagehide | 전환 애니메이션이 완료된 후 "에서"페이지에 트리거 |
아래의 예는 전환 이벤트가 작동하는 방법을 보여줍니다
예
$(document).on("pagebeforeshow","#pagetwo",function(){ // When entering
pagetwo
alert("pagetwo is about to be shown");
});
$(document).on("pageshow","#pagetwo",function(){
// When entering pagetwo
alert("pagetwo is now shown");
});
$(document).on("pagebeforehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is about to be hidden");
});
$(document).on("pagehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is now hidden");
}); »그것을 자신을 시도