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

제이쿼리 모바일 navigate event

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
1418
부트스트랩 애니메이션 경고
1417
부트스트랩 경고 닫기
1416
부트스트랩 알림 링크
1414
1413
1412
1411
1410
부트스트랩 이미지 갤러리
1409
부트스트랩 반응 형 이미지
1408
1407
1406
1405
부트스트랩 반응 형 테이블
1404
부트스트랩 문맥 분류
1403
부트스트랩 요약 표
1402
부트스트랩 호버 행
1401
부트스트랩 테두리가있는 표
1400
1399
1398
1397
1396
1395
1394
부트스트랩 <blockquote>
1393
부트스트랩 <abbr>
1392
부트스트랩 <mark>
1391
부트스트랩 <small>
1390
1389
1388
부트스트랩 3 개의 동일한 열