問題タブ [hashchange]

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

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

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

私が欲しいのは、ページの一部を変更するリンクと、そのための動的 URL で、次のような変数を指定できるようにすることです。#calendar=10_2010tabview=tab2

Check this for an exact example: 正確なデモについては、ここをクリックしてください

だからここに私が必要とするリンク形式があります：

#calendar=10_2010&tabview=tab2

calendarなどのリンクに変数が必要なtabviewので、再読み込みせずに 1 つのページで複数の項目を変更できます。

またはhttp://www.wbhomes.com.auのような別の形式、これはまさに私が望むものですが、最初の形式も優れていますが、これははるかに美しいです。

• http://wbhomes.com.au/#/propertiesforsale/houseandland/quinnsbeach-waterland1

要件

• たとえば、メールから、または URL バーに書き込むだけの場合は、どこからでもアクセスする必要があります。

• リンクは履歴にあるはずなので、戻るボタンまたは進むボタンを押すと、ページにアクセスする必要があります。

• ページの更新も機能する必要があります。

いくつかのリソース:

例:

• www.developer.yahoo.com/

• www.facebook.com - プロフィール ページのサイドバー リンク

• www.wbhomes.com.au/ - 私が望むものに 100% 近い

• www.flickr.com/

• www.youtube.com

いくつかのチュートリアル:

• www.ajaxpatterns.org/

• www.contentwithstyle.co.uk/

私を助けてください！これを行うための解決策を見つけたことはありませんが、jquery や API、ライブラリを使用したくありません。動作するJavascript/AJAXスクリプトPHPが必要です。

この jQuery History プラグインを修正する方法を知っている人はいますか? (ajax履歴とブックマーク用)

http://github.com/tkyk/jquery-history-plugin/issues#issue/5で

詳細は次のとおりです。

IE 8 の IE 7 互換モードと、IE 8 のデフォルト モードを使用しているhttp://www.serpere.info/jquery-history-plugin/samples/ajaxを使用する私のアプリには、次の問題があるようです。

ブックマークを 2 つ作成する

1 つのブックマークをクリックして、もう 1 つのブックマークをクリックしてみてください。ページの内容は更新されません。現在の Firefox と Chrome では動作します。IE 8 では、そうではありません。ハッシュ値を #2 から #3 に直接変更した場合も同様です。

PS IE 8でFacebookを使用している場合、解決できると確信しています。

http://www.facebook.com/someusername?v=info#!/someusername?v=info
http://www.facebook.com/someusername?v=info#!/someusername?v=wall

ユーザーが 2 つのブックマークを切り替えるとうまく機能します。(上記の実際のユーザー名で someusername を置き換えます)

各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 Address プラグインを使用して、IE 7 または 8 で 2 つのブックマークを作成した場合:

http://www.asual.com/jquery/address/samples/api/#/section/?id=1&name=n1&name=n2

http://www.asual.com/jquery/address/samples/api/#/section/2

まず google.com (または他のウェブサイト) にアクセスし、次に上記のブックマーク 1 にアクセスし、次にブックマーク 2 にアクセスして [戻る] をクリックすると、Google に戻るのではなく、直接 Google に戻ります。ブックマーク 1 の URL が最初に表示されます。(Ajax 履歴およびブックマーク機能)。これは IE 7 と 8 では当てはまりますが、Chrome と Firefox では問題ありません。

これを機能させるための微調整/ハック/修正を知っている人はいますか? これまでのところ、Really Simple History、jQuery History、Ajaxify も試しましたが、どれもバグのないものではありません。

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

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

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

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

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

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

これが私のjQuery関数です：

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

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

修正方法は？

ありがとう。

jQuery ハッシュ変更イベント

私にとっては、現在最も成熟したソリューションのように見えます（間違っている場合は修正してください）。ブラウザのハッシュを操作するためのこのプラグインが本当に気に入っています。場合によっては、js コードが大幅に簡素化されます。

本格的に使い始めたいのですが、質問があります。

ソースに応じて、ループを使用し、50 ミリ秒ごとにハッシュ アンカーが変更されたかどうかを確認します。

パフォーマンスはどうですか？ハッシュチェンジを使いすぎてもいいですか? パフォーマンスが大幅に低下する可能性はありますか? もしそうなら、どのような場合に？

ページ全体を更新せずに、URL を変更したり、「戻るボタン」に履歴を追加したりする方法はありますか?

私のアプリケーションは AJAX ベースで、履歴に「元に戻す」イベントを追加して、ユーザーが簡単に元に戻して古い値を保持できるようにしたいと考えています。

今日何が可能ですか？これの一部は HTML5 にあると聞いていますが、現在のブラウザーでサポートされているものを確認していません。

多くの人がjQuery 履歴プラグインiFrameである隠しハックを推奨しているようですが、私が本当に必要としているのは、この手法の残りの半分だけです。

これらはどちらもうまく機能します。今、私はこれらの2行を添付したいと思います

イベントに、しかし、戻るボタンによって一貫してトリガーされるものはないようです。上記の手法が機能するように、現在の URL を保存するブラウザの履歴状態を追加する方法はありますか?