jQuery_jquery 기반의 히스토리 히스토리 플러그인-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 18:14:08

원래의

1779명이 탐색했습니다.

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; 
}) 

패키지 다운로드