jQuery 모바일 웹 개발의 페이지 초기화 및 로딩 이벤트_jquery

페이지 초기화 이벤트(pagebeforecreate, pagecreate)
Jquery Mobile은 페이지의 향상된 규칙을 기반으로 일부 플러그인을 자동으로 초기화합니다. 예를 들어 입력 상자에 type=range 속성을 할당하면 자동으로 사용자 정의 슬라이더가 생성됩니다. " 실행 전후에 배포 이벤트를 배포하는 플러그인 제어를 통해 초기화 전후에 페이지를 조작할 수 있으며 자동 초기화를 비활성화하기 위해 초기화 동작을 직접 제공할 수도 있습니다. 다음 페이지 초기화 이벤트는 페이지 당 한 번만 트리거됩니다." 페이지", 페이지가 표시되거나 숨겨질 때마다 표시/숨기기 이벤트와 정반대입니다

.

pagebeforecreate: 페이지가 초기화되면 초기화 전을 터치하세요.

pagecreate: 페이지가 초기화되면 초기화 후 터치하세요.

$('#aboutPage').live('pagebeforecreate',function(event){
alert('This page was just inserted into the dom!');
});
$('#aboutPage').live('pagecreate',function(event){
alert('This page was just enhanced by Jquery Mobile!');
});

참고: pagebeforecreate를 바인딩한 다음 false를 반환하면 페이지 플러그인 자체 작업이 비활성화됩니다. 또한 Jquery Mobile이 실행되기 전에 이러한 함수를 바인딩하여 초기 페이지 로드 중에 호출되도록 해야 합니다. mobileinit 이벤트 핸들러에서 사용할 수 있습니다.

페이지 로딩 이벤트(pagebeforeload, pageload)
외부 페이지가 DOM에 로드되면 두 가지 이벤트가 트리거됩니다. 첫 번째는 페이지 전 로드이고 두 번째는 페이지 로드 또는 페이지 로드 실패입니다.

로드 전 페이지

로딩 요청이 발행되기 전에 트리거됩니다. 이 이벤트에 바인딩된 콜백 함수는 이벤트에서 PreventDefault()를 호출하여 로딩 요청을 처리할 것임을 나타낼 수 있습니다. 이를 위해서는 콜백 함수가 데이터 객체를 통해 콜백 함수에 전달된 객체에 대해 Resolve() 또는 Reject()를 호출해야 합니다. 두 번째 매개변수를 통해 콜백 함수에 전달된 객체에는 다음 속성이 포함됩니다.

• url(문자열): 콜백을 통해 $.mobile.loadPage()에 전달된 절대 또는 상대 주소
• absUrl(문자열): URL의 절대 주소 버전입니다.
• dataUrl(문자열): 페이지를 식별하거나 브라우저 주소를 업데이트할 때 사용되는 절대 주소의 필터링된 버전
• deferred(객체): 이 이벤트에 대해 PreventDefault()를 호출하는 콜백 함수를 이 이벤트에 대해 호출해야 합니다.
• resolve() 또는 recognition() 메서드를 사용하면 ChangePage() 요청을 복원할 수 있습니다.

예:

$( document ).bind( "pagebeforeload", function( event, data ){
 //让jqm框架知道由我们来处理load事件.
 event.preventDefault();
 //...加载文档然后插入到DOM中
 //在这个回调中，或者通过其他的异步加载手段中，
 //调用resolve,转入到下面的参数中，加上一个
 //包含有页面dom元素的jquery选择器。
 data.deferred.resolve( data.absUrl, data.options, page );
});

페이지로드

페이지가 성공적으로 로드되어 DOM에 삽입된 후에 실행됩니다. 이 이벤트에 바인딩된 콜백 함수는 두 번째 매개변수로 데이터 객체를 전달받습니다. 이 개체에는 다음 정보가 포함되어 있습니다.

• url(문자열): URL.
• absUrl(문자열): URL의 절대 주소 버전입니다.