0

ajaxでデータをリロードするように設計されたWebページがあります。私のajaxはすべてうまく機能しますが、ページのどこにいるかを追跡し、サイト上の特定のページにユーザーをリンクできるようにしたいと思います。

これが私が話しているサイトです:

www.stevenlebel.com

ご覧のとおり、このページは、新しいコンテンツを画面に読み込むテレビで構成されています。ビデオページは埋め込まれたVimeoコードを使用し、音楽ページはSoundcloudを使用し、画像はImugrギャラリーを使用します。私がこのように構築した理由は、私の友人が私の助けなしに彼のページを更新できるようにするためでした。

だから私の質問は、URLにハッシュリンクを追加するにはどうすればよいですか?ページ上の特定のビデオ、曲、または画像にリンクできるようにしたいのですが、Vimeo / Soundcloud/Imgurを使用してこれが可能かどうかはわかりません。

誰かがこれを経験したことがありますか?

どうもありがとう、

ケイティ

おまけの質問:.htmlを削除する方法を知っている人はいますか?ハッシュリンクを使用すると、ページにx / x.html#whateverではなくx / x /#whateverと表示されますか?

4

1 に答える 1

2

私があなたの質問を正しく理解しているなら、あなたはHTML5HistoryAPIを必要としています。使用できるいくつかのクールなクロスブラウザAPIがあります。これがどのように機能するかについては、 http://html5demos.com/historyを参照してください。

あなたはあなたがどこにいるかを追跡するためにこれらのものが必要になります。ページを更新してAjaxを使用していないと思います。

history.pushStateイベント、それを使用してデータをプッシュし、#の後にURLに追加されます

history.popstateイベント、back/forwardを使用してデータをポップします。

window.hashchangeイベント。URLをコピーして別のURLで開くか、他の場所で共有する場合。URLの#の後にデータをフェッチできるようになります。

これらのクロスブラウザAPIを試すことができます。

https://github.com/browserstate/History.js/

https://github.com/devote/HTML5-History-API

幸運を!

于 2012-11-02T14:49:31.240 に答える