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

제이쿼리 모바일 navigate event

· 8년 전 · 2114
제이쿼리 모바일 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" }

댓글 작성

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

로그인하기

게시글 목록

번호 제목
1296
1295
1294
1293
1292
1291
1290
1289
jQuery Mobile navigate 이벤트
1288
1287
jQuery Mobile hashchange event
1286
1285
1284
1283
1282
1281
1280
1279
1278
1277
1276
1275
1274
1273
1272
1271
1270
1269
1268
1267