ブラウザで「戻る」イベントを捕捉して別のコンテンツを読み込む

私は、ページをスキップするためにhashbang(#!)メソッドを使用するプロジェクトに取り組んできました。基本的には1ページしかありません。異なるページに移動する場合はクリックしてもページは維持されますが、URLは変更されます。 index.html#home から index.html#about まで、新しいコンテンツはAJAX/JSONを介して読み込まれます。すべて正常に動作しますが、ブラウザで「戻る」(または転送する)場合、URLのページだけが変更されますが、jQueryはコンテンツをリロードするために起動されません。

私が必要とするのは、jQueryからページをロードする関数を呼び出すことができるように、すべてのブラウザで前後のアクションを処理するコードです。これはどうすればいいですか?

1
こんにちはみんな、ありがとう! history.jsに関するAndrewのヒントは、私のニーズに完全に合っていました!アンドリュー;あなたが答えとして私はそれを受け入れることができるあなたのコメントを追加することができます..
追加された 著者 Richard,
なぜ車を再発明するのですか? History.js はこれをすべて行い、HTML5のpushStateを含みます。
追加された 著者 Andrew Marshall,
感謝、ちょうど:)に答えました。
追加された 著者 Andrew Marshall,

3 答え

Why reinvent the wheel? History.js is a great & well-maintained jQuery plugin that supports the new HTML5 History API and falls back gracefully to using hash URLs instead when the History API isn't supported. Works in just about every browser (even IE 6).

4
追加された

hashchange イベントをご覧ください。ハッシュが変更されると起動します。 ただし、 Internet Explorer 8をサポートする場合にのみ行う必要があります。

Internet Explorer 7は hashchange をサポートしていないため、これに頼ることはできません。 Internet Explorer 9の場合(もちろんChrome、Safari、Firefoxなど)は、をサポートしていますHistory API を使用してください。を使用してください。エレガントな戻る/進むボタンのサポートを可能にしながら、あなたのURLを明確かつ短くセマンティックに保ちます。

1
追加された

あなたが望むものを正確にやっているように見えるjQuery-Pluginがあります。

http://www.asual.com/jquery/address/

It was the highest voted answer for the questing What is the best back button jQuery plugin?

1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript