問題タブ [browser-state]

AJAXを使用してフェッチされたページまたはコンテンツを「ブックマーク」する方法は？

「アンカー」に詳細を追加し、ルーティングを使用するか、PHPコードまたはRuby on Railsのroute.rbを使用してその部分をキャッチし、コンテンツまたはページを表示するだけで簡単にできるようです。によると？（ページ全体またはコンテンツの一部を表示）

それならそれはとても簡単にできますか？それがFacebookのやり方のようです。それを行う他の良い方法は何ですか？

jQuery BBQ：Back Button＆Query Libraryプラグインを使用して、リンクがクリックされたときに動的コンテンツを取り込むページを作成しています。リンクがクリックされると、ハッシュが変更され、新しいコンテンツがプルされます（したがって、hrefをクリックする「デフォルト」アクションは無効になります）。

その部分は問題なく動作しますが、問題があります。

私の問題の例

「ホームページ」ページにDIVがあり、その中にいくつかの画像とリンクのリストがあるとします...

• ページ1
• 2ページ目
• 3ページ目

画像の読み込みには時間がかかる場合がありますが、その間、ユーザーは画像が完全に読み込まれるのを待たずに[ページ1]リンクをクリックすることがよくあります。

これにより、「ホームページ」ページのコンテンツがクリアされ、「ページ1」のコンテンツが読み込まれます。それはうまくいきます。

問題は、ユーザーが「ホームページ」ページから移動した場合でも、「ホームページ」ページの画像がブラウザに読み込まれていることです。

ページが実際に変更されておらず、BBQプラグインのhashchangeハックを使用しているため、これが発生していることはわかっていますが、現在ロードされているすべての画像にhashchangeイベントで停止するようにJavaScriptで指示する方法があるかどうかを知りたいですか？

?? サンプルコードは次のようになります...

jQuery Historyプラグイン（http://www.mikage.to/jquery/jquery_history.html）はChromeで動作すると言われています。

http://github.com/tkyk/jquery-history-plugin

サポートされているブラウザIE6、IE7、IE8、Firefox3、Safari4、Safari5、Chrome4、およびChrome5

しかし、上記のトップリンクに移動すると、ロード1、ロード2、ロード3の順にクリックすると、戻るボタンでURLのハッシュ部分がに変更されますが、[#2ロードされたhtml：]セクションには「3 「…誰もが理由を知っていますか？

Ajaxify は非常に有名な jQuery プラグインです。しかし、私はChromeを使用してこのページを試しました：

http://max.jsrhost.com/ajaxify/demo.php

v2 の新機能: 履歴とブックマーク。リンク 1、2、および 3 をクリックし、Chrome で [戻る] ボタンをクリックすると、コンテンツが更新されません。今のところ、この機能は Chrome では動作しませんか? 最新の Chrome ではうまく動作しないのに、以前のバージョンの Chrome ではうまく動作しなかったためですか?

各Ajax履歴およびブックマークプラグインには、次のようなマイナーなバグがあるようです。

本当にシンプルな歴史
http://code.google.com/p/reallysimplehistory/

jQuery履歴プラグイン
http://www.mikage.to/jquery/history/rbbs.cgi?id=RA12733222240679954806&focus=1

Ajaxify
http://max.jsrhost.com/ajaxify/

バグは、イベントがまったく発生しないため、コンテンツが変更されないか、イベントが2回発生する（まったく発生しないよりはましです）かのいずれかです。最新のすべてのブラウザーで機能するAjax履歴およびブックマークプラグインはありますか？（IE 7以降、Chrome、Firefox、Safari）

jQuery Historyプラグインは、このバグがあることを除けば最善のようです
。2つのブックマークを切り替える（またはページを表示して、ブックマークから別のページをロードする）と、jQueryHistoryプラグインは機能しません。

JQuery を使用してさまざまな .html ファイルをページのコンテンツ div にロードするサイトをコーディングしています。もちろん、これは戻るボタンと進むボタンがサイト内をナビゲートするのにあまり役に立たないことを意味します。私はいくつかの調査を行い、歴史のような多くのオプションを見つけました。また、私の問題に関するこのスタック オーバーフローの質問も見つけました。残念ながら、これらの jquery プラグインの 1 つを機能させようとして、キーボードに頭をぶつけて 2 日間費やしました。これらのバック/フォワードを有効にするプラグインの 1 つを私のサイトに実装するのを手伝ってくれる人はいますか? あなたの助けは非常に高く評価されます.

前もって感謝します！

そして私のJavaScript：

それほど難しいことではないように思えますが、どのように機能するのか理解していないだけだと思います。私のコンテンツ div は「#text」と呼ばれ、ヘッダー パイプ内のすべてのリンクがコンテンツにパイプされます。jquery.history と jquery.address の両方を広範囲に試しましたが、うまく動作しませんでした。アドバイスやヘルプをお寄せいただきありがとうございます。誰かが私を助けてくれることを本当に願っています。

Facebookは、URL#!だけでなく、Ajax履歴（[戻る]および[進む]ボタン）とブックマークを使用しています。#通常のアンカーがAjax履歴メカニズムに干渉して、通常のアンカーの処理をトリガーする可能性があると考えていたので、これを行うことは常に良い考えですか。

したがって、Ajax履歴関数は、ハッシュ部分を処理するのは、だけでは#!なく、表示された場合のみ#です。

そして!、主要なブラウザと互換性のあるものを使用していますか？Facebookがを使用し!ている場合、それはかなりよくサポートされている可能性があると推測されます。

私は単一ページの ajax を利用した Web アプリを持っていますが、私のアプリの動作は、URL にハッシュ文字列がある場合、その要素をロードすることであり、人々がそのコンテンツにリンクするのに非常に役立ちます。

ブックマーク/お気に入りになると、事情が異なります。私のユーザーは、現在のコンテンツ (ハッシュ文字列) ではなく、アプリをブックマークしたいと考えています...

これはありそうもないことだと思いますが、ページがブックマークされているときにブラウザーにハッシュ文字列を含めないようにする方法はありますか?

画像ギャラリーとして使用しているURLが1つあります。このURLには親指がありますdiv（簡潔にするために、4つの親指のみを表示しています）。

divそして、と呼ばれる空#content：

divと呼ばれる隠された#preload：

私のjQueryは、クリックされたサムネイルのIDをclone()対応する画像に使用し、メソッドを使用してspanそれらをドロップします。それは素晴らしい働きをします。さて、プロジェクト01に戻り、すでにプロジェクト01で埋め尽くしたいと思います。#contenthtml()mysite.com/#project01#content

同じjQuery状態を呼び出すハッシュURLを各画像に与えるにはどうすればよいですか？

私はいくつかのスクリプトに取り組んでいますが、ハッシュに深刻な問題があります。

次のようなリンク画像のリストがあります。

私がやりたいのは、最初の画像をクリックした後にファイル files/#1.html をロードし、2 番目の画像をクリックした後に files/#2.html をロードすることだけです。

これが私のjQuery関数です：

したがって、画像をクリックすると、ハッシュが URL (href="#1") に追加され、正しいファイルが #displayFile div に読み込まれ、フェードインされます。

しかし、実際には画像をクリックすると空の #displayFile div が表示され、同じハッシュでサイトを更新した後、コンテンツが読み込まれます。スクリプトは、URL に入るずっと前にハッシュを取得すると思います。

修正方法は？

ありがとう。