테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 모바일 navigate event

· 8년 전 · 2115
제이쿼리 모바일 navigate event

설명 : 해시 변경 및 팝업 상태에 대한 래퍼 이벤트

navigate 이벤트는 hashchange 및 popstate 이벤트 둘 다에 대한 래퍼입니다.
모든 브라우저에 대해 단일 이벤트를 제공하는 것 외에도, 두 경우 모두 핸들러의 통합을 허용하는 데이터 오브젝트를 제공합니다.
이 기능은 $ .mobile.navigate 메소드에서 방향 및 URL 정보를 포함하는 데 사용됩니다.

예:
브라우저가 히스토리를 통해 뒤로 이동하면 해시 조각을 두 번 변경 한 다음 navigate 이벤트와 함께 제공된 데이터를 로깅하십시오.
참고 : 상태는 기본적으로 해시 변경을 지원하는 브라우저에서만 제공됩니다.
해당 기능을 보려면 navigate 메소드 문서를 참조하십시오.

// Bind to the navigate event
$( window ).on( "navigate", function( event, data ) {
console.log( data.state );
});

// Trigger a navigate event by pushing state
window.history.pushState( { foo: "bar" }, "Title", "http://example.com/#foo" );

// From the `navigate` binding on the window, console output:
// => {}

// Trigger a navigate event by pushing state
window.history.pushState( {}, "Title", "http://example.com/#bar" );

// From the `navigate` binding on the window, console output:
// => {}

// Trigger a navigate event by moving backward through history
window.history.back();

// From the `navigate` binding on the window, console output:
// => { foo: "bar" }

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
1199
1197
1181
1165
785
455
426
311
287
247
237
236
220
215
205
179
167
133
119
108
98
86
82
64
50
46
34
1