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

제이쿼리 모바일 navigate event

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
1356
1355
1354
1353
1352
1351
1350
1349
1348
1347
1346
1345
1344
1343
1342
1341
1340
1339
1338
1337
1336
1335
1334
1333
1332
1331
1330
1329
1328
1327