jQuery_jquery 기반의 히스토리 히스토리 플러그인

jQuery 기록 정보
jQuery 기록 플러그인은 자바스크립트 애플리케이션에서 뒤로/앞으로 버튼과 북마크를 지원하는 데 도움이 됩니다. 애플리케이션 상태를 URL 해시에 저장하고 여기에서 상태를 복원할 수 있습니다. 애플리케이션 상태를 URL 해시에 저장하고 여기에서 상태를 복원할 수 있습니다.

jquery.history.js 다운로드
jquery.history.js 다운로드

jQuery 기록 플러그인은 Github에서 호스팅됩니다.
기록 jQuery 플러그인은 Github에서 호스팅됩니다.
개발은 프로젝트 페이지를 방문해 주세요.
개발은 프로젝트 페이지를 방문해 주세요.

지원되는 브라우저지원되는 브라우저
Internet Explorer 6, 7, 8
Safari 4 및 5
Safari 4 및 5
Google Chrome 4
Google Chrome 4
이것은 플러그인은 HTML5에 정의되어 있으며 대부분의 최신 브라우저에서 지원되는 hashchange 이벤트를 기반으로 구축되었습니다. 지원되지 않는 한 플러그인은 일부 대체 메커니즘에서 작동합니다. 이벤트는 HTML5를 지원하는 브라우저에서 정의되며 가장 현대적인 메커니즘입니다. 일부 백업 플러그인 프로젝트가 지원되지 않는 한:

setInterval로 location.hash 모니터링(Safari 4)
setInterval location.hash 모니터링(Safari 4)
iframe 및 setInterval(IE 6, 7, IE8의 호환성 모드)
iframe 및 setInterval(예: 6, 7 및 IE8의 호환성 모드)
알려진 문제
알려진 문제
IE6, 7 및 IE8 호환성 모드
IE6, 7, IE8 호환 모드에서
페이지를 새로 고치고 문서를 다시 로드하면 뒤로/앞으로 버튼이 작동하지 않습니다.
페이지를 새로 고치고 문서를 다시 로드하면 뒤로/앞으로 버튼이 작동하지 않습니다. . 짐.
IE8 표준 모드
IE8 표준 모드
URL 해시를 수동으로 업데이트하거나 북마크를 로드하면 현재 해시가 기록에 기록되지 않습니다. 해시시.

데모
여기에서 일부 데모를 사용할 수 있으며 저장소에 포함되어 있습니다.
그리고 이 사이트 자체는 플러그인을 기반으로 구축되었습니다.

복사 코드 코드는 다음과 같습니다.

(function($){
var origContent = "";
function loadContent(hash) {
if (hash != "") {
if(origContent == "") {
origContent = $('#content').html()
}
$(' #content' ).load(hash ".html",
function(){ PrettyPrint(); })
} else if(origContent != "") {
$('#content' ).html (origContent);
}
}
$(document).ready(function() {
$.history.init(loadContent);
$('#navigation ').click(function(e) {
var url = $(this).attr('href');
url = url.replace(/^.*#/, '');
$.history.load(url);
return false;
})

패키지 다운로드