ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery に基づく履歴履歴プラグイン

jQuery_jquery に基づく履歴履歴プラグイン

WBOY
WBOYオリジナル
2016-05-16 18:14:081789ブラウズ

jQuery History について
jQuery History プラグインは、JavaScript アプリケーションで戻る/進むボタンとブックマークをサポートするのに役立ちます。アプリケーションの状態を 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 ハッシュを手動で更新する場合、またはブックマークをロードする場合、これまでのように、ブックマーク URL を手動で更新するか、ブックマークをロードする場合、現在のハッシュは履歴に記録されません。ハッシュ。

デモ
いくつかのデモはここで入手でき、リポジトリに含まれています。
このサイト自体はプラグイン上に構築されています:

コピーコード コードは次のとおりです:
(function($){
var origContent = "";
function loadContent(hash) {
if (ハッシュ != "") {
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);

});ダウンロード
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。