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

navigate 이벤트

navigate 이벤트 버전이 추가 : 1.3

설명 : 해시 체인지와 팝 스테이트에 대한 래퍼 이벤트

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" }

댓글 작성

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

로그인하기

게시글 목록

번호 제목
1386
1385
AngularJS 주형
1384
AngularJS 컨트롤러
1383
1382
1381
1380
1379
1378
1377
1376
1375
1374
1373
1372
1371
1370
AngularJS AngularJS API
1369
AngularJS 검증 예제
1368
1367
AngularJS CSS 클래스
1366
1365
AngularJS 이메일
1364
1363
AngularJS 선택 상자
1362
1361
AngularJS 체크 박스
1360
1359
AngularJS $event 객체
1358
1357