DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jQuery的history歷史記錄插件
基於jQuery的history歷史記錄插件
編輯:JQuery特效代碼     
關於jQuery的歷史
jQuery history plugin helps you to support back/forward buttons and bookmarks in your javascript applications.歷史的jQuery插件可以幫助您回到您的JavaScript支持應用程序/前進按鈕和書簽。 You can store the application state into URL hash and restore the state from it.你可以存儲到應用程序狀態的網址散列和恢復它的狀態。

Download jquery.history.js
下載jquery.history.js

jQuery history plugin is hosted on Github.
歷史的jQuery插件托管在Github上。
Please visit the project page for development.
請訪問項目頁面進行開發。

Supported browsers支持的浏覽器
Internet Explorer 6, 7, and 8+的Internet Explorer 6,7和8 +
Safari 4 and 5+的
Safari 4和5 +
Google Chrome 4+
谷歌浏覽器4 +
This plugin is built on hashchange event , which is defined in HTML5 and supported in most modern browsers. Unless it is supported the plugin works on some fallback mechanisms:這個插件是在建hashchange事件 ,這是定義在浏覽器支持HTML5和最現代化的機制。除非是支持一些後備插件工程:

monitoring location.hash by setInterval (Safari 4)
監測的setInterval location.hash(Safari 4中)
iframe and setInterval (IE 6, 7, and compatibility mode on IE8)
iframe的和setInterval(即6,IE8的第7和兼容模式)
Known issues
已知問題
IE6, 7, and IE8 compatibility mode
在IE6,7和IE8的兼容模式
Back/forward button will not work if you refresh the page and the document is reloaded.
後退/前進按鈕將不會工作,如果你刷新頁面,該文件重新加載。
IE8 standards mode
IE8的標准模式
The current hash will not be recorded in the history if you update the URL hash by hand or loading bookmarks.
目前哈希將不會被記錄在歷史上,如果你用手或加載更新書簽網址哈希。

Demos
Some demos are available here and included in the repository.
And this site itself is built on the plugin:
代碼如下:
(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 a').click(function(e) {
var url = $(this).attr('href');
url = url.replace(/^.*#/, '');
$.history.load(url);
return false;
});
});
})(jQuery);

打包下載
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved