hashchange event
hashchange event 해시 이벤트 버전 추가 : 1.0
설명 : 북마크 가능한 #hash 기록을 사용하도록 설정합니다.
jQuery ( ".selector") .on ( "hashchange", function (event) {...})
jQuery Mobile .hashchange()이벤트 핸들러는 window.onhashchange 이벤트에 바인딩 된 콜백 함수를 제공하여 아주 기본적인 북마크 가능한 #hash 기록을 가능하게합니다. onhashchange 이벤트는 창 해시가 변경 될 때 발생합니다.
지원하는 브라우저에서는 기본 HTML5 window.onhashchange 이벤트가 사용됩니다. IE6 / 7 (및 IE7 호환성 모드에서 작동하는 IE8)에서는 숨겨진 iframe이 만들어져 뒤로 버튼과 해시 기반 기록을 사용할 수 있습니다.
이 플러그인은 jQuery의 내장 메소드를 확장합니다. jQuery Mobile이로드되지 않은 .hashchange()경우 메소드가 여전히 존재하므로 메소드 호출은 직접 실패하지 않을 수 있습니다. 그러나 예상 된 동작이 발생하지 않습니다.
$(function() {
// Bind an event to window.onhashchange that, when the hash changes, gets the
// hash and adds the class "selected" to any matching nav link.
$( window ).hashchange(function() {
var hash = location.hash;
// Set the page title based on the hash.
document.title = "The hash is " + ( hash.replace( /^#/, "" ) || "blank" ) + ".";
// Iterate over all nav links, setting the "selected" class as-appropriate.
$( "#nav a" ).each(function() {
var that = $( this );
that[ that.attr( "href" ) === hash ? "addClass" : "removeClass" ]( "selected" );
});
});
// Since the event is only triggered when the hash changes, we need to trigger
// the event now, to handle the hash the page may have loaded with.
$( window ).hashchange();
});
설명 : 북마크 가능한 #hash 기록을 사용하도록 설정합니다.
jQuery ( ".selector") .on ( "hashchange", function (event) {...})
jQuery Mobile .hashchange()이벤트 핸들러는 window.onhashchange 이벤트에 바인딩 된 콜백 함수를 제공하여 아주 기본적인 북마크 가능한 #hash 기록을 가능하게합니다. onhashchange 이벤트는 창 해시가 변경 될 때 발생합니다.
지원하는 브라우저에서는 기본 HTML5 window.onhashchange 이벤트가 사용됩니다. IE6 / 7 (및 IE7 호환성 모드에서 작동하는 IE8)에서는 숨겨진 iframe이 만들어져 뒤로 버튼과 해시 기반 기록을 사용할 수 있습니다.
이 플러그인은 jQuery의 내장 메소드를 확장합니다. jQuery Mobile이로드되지 않은 .hashchange()경우 메소드가 여전히 존재하므로 메소드 호출은 직접 실패하지 않을 수 있습니다. 그러나 예상 된 동작이 발생하지 않습니다.
$(function() {
// Bind an event to window.onhashchange that, when the hash changes, gets the
// hash and adds the class "selected" to any matching nav link.
$( window ).hashchange(function() {
var hash = location.hash;
// Set the page title based on the hash.
document.title = "The hash is " + ( hash.replace( /^#/, "" ) || "blank" ) + ".";
// Iterate over all nav links, setting the "selected" class as-appropriate.
$( "#nav a" ).each(function() {
var that = $( this );
that[ that.attr( "href" ) === hash ? "addClass" : "removeClass" ]( "selected" );
});
});
// Since the event is only triggered when the hash changes, we need to trigger
// the event now, to handle the hash the page may have loaded with.
$( window ).hashchange();
});
게시판 목록
퍼블리싱강좌
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 298 | CSS |
선택과집중
|
2개월 전 | 158 | |
| 297 | CSS |
선택과집중
|
3개월 전 | 360 | |
| 296 | CSS |
선택과집중
|
3개월 전 | 312 | |
| 295 | CSS |
선택과집중
|
3개월 전 | 291 | |
| 294 | CSS |
선택과집중
|
4개월 전 | 416 | |
| 293 | CSS |
선택과집중
|
4개월 전 | 368 | |
| 292 | CSS |
선택과집중
|
4개월 전 | 287 | |
| 291 | CSS |
선택과집중
|
4개월 전 | 292 | |
| 290 | CSS |
선택과집중
|
4개월 전 | 340 | |
| 289 | CSS |
선택과집중
|
4개월 전 | 311 | |
| 288 | CSS |
선택과집중
|
5개월 전 | 393 | |
| 287 | CSS |
선택과집중
|
5개월 전 | 347 | |
| 286 | CSS |
선택과집중
|
5개월 전 | 344 | |
| 285 | CSS |
선택과집중
|
5개월 전 | 366 | |
| 284 | CSS |
선택과집중
|
5개월 전 | 252 | |
| 283 | CSS |
|
2년 전 | 1523 | |
| 282 | CSS | 2년 전 | 2500 | ||
| 281 | CSS | 4년 전 | 4033 | ||
| 280 | CSS | 4년 전 | 4555 | ||
| 279 | 반응형웹 | 5년 전 | 2984 | ||
| 278 | 반응형웹 | 5년 전 | 2833 | ||
| 277 | 부트스트랩 | 7년 전 | 5033 | ||
| 276 | 부트스트랩 | 7년 전 | 6587 | ||
| 275 | 부트스트랩 | 7년 전 | 4668 | ||
| 274 | 부트스트랩 | 7년 전 | 6700 | ||
| 273 | 부트스트랩 | 7년 전 | 3365 | ||
| 272 | 부트스트랩 | 7년 전 | 3204 | ||
| 271 | 부트스트랩 | 7년 전 | 3707 | ||
| 270 | 부트스트랩 | 7년 전 | 3229 | ||
| 269 | 부트스트랩 | 7년 전 | 3105 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기