問題タブ [pushstate]

戻るボタンが ajax 呼び出しで機能するように、 Asual Addressプラグインを使用しようとしています。私はこれがどのように機能するかについて非常に混乱しており、私が見つけたすべてのチュートリアルはそれを異なるものにするように言っています. 私はそれらのどれも機能させることができませんでした。

シンプルな ajax ページがあります。単純に画像を呼び出します。

Javascript:

私のHtmlは次のようになります：

上記のコードを使用して、リンクをクリックすると ajax 呼び出しが行われ、写真が読み込まれ、URL が変更されます。これはうまくいっています。私の問題は戻るボタンです。戻るボタンをクリックすると、URL は前の URL に変わりますが、ページのコンテンツは同じままです。「popstate」とこれをjsに追加することに関係があると思います。方法がわかりません。

popstate がどのように機能するか、また、戻るボタンが機能するように上記のコードに追加する方法を誰かに説明してもらえますか。ありがとうございました。

全ページ

このpushstateとpopstateをajaxアプリケーションに使用する方法を理解しようとしています。プラグインがいくつかあることは知っていますが、現時点では未加工の形で使用する方法を学ぼうとしています。また、生の形式ではIEでサポートされていないことも認識しています。それはさておき、私はそれを使用する方法を理解するためにいくつかの助けが必要です。

そのプッシュステート部分は非常に単純です。今私は持っています：

これにより、URLが適切に変更され、URLスタックに追加されます。次のような別の関数があります。

2番目の関数も、呼び出されたときにURLを変更します。今、私はその部分を持っているので、ポップステートの使い方を理解しようとしています。今私はそれを次のように持っています

したがって、2つのリンクを使用してページをイメージできる場合、1つはloadForm関数を呼び出し、もう1つはloadForm2関数を呼び出します。各リンクをクリックすると、フォームはajaxを介して正常に読み込まれ、URLが適切に変更されます。戻るボタンを押すと、URLは前のページのURLにロールバックしますが、ページのコンテンツは前のフォームではなく現在のフォームを再度ロードします。戻るボタンを押すと、前のフォームを読み込もうとしているかのようにajax呼び出し（firebug）を実行しますが、前のajax呼び出しを実行する代わりに、現在のajax呼び出しを実行します。したがって、私のURLは前のURLに戻りますが、ロードされるフォームまたは呼び出されるajax呼び出しは、最新のページロードと同じです（前のページロードではありません）。

何が間違っているのかわかりません。助けていただければ幸いです。

これは重複している可能性があります。検索しましたが、どの用語を使用すればよいかわかりません。重複が見つかった場合は、この質問を削除します。

history.jsは、古いブラウザとの互換性が最も高いため、「最高の」ディープリンクajaxライブラリであると聞きました。しかし、私がこのlibについて見たすべてのデモは、？を使用してURLを変更します。のようなキャラクター/my/url?key=valueまたはそのようなもの。

プロジェクトのソースツリーを閲覧するとき、私はgithubのスライダーが本当に好きです。たとえば、フォルダをクリックすると、ブラウザで完全なURLを変更しながら、ハッシュやクエリ文字列のガベージなしで、フォルダのコンテンツが非同期に読み込まれます。

これを実現するライブラリがあるかどうか誰かが知っていますか？私は、html5に準拠していないブラウザでは機能しないライブラリに反対していません。純粋なHTML5プッシュ状態APIを使用する必要がありますか？

JqueryMobileでネストされたページを使用しています。

このように見えます：

トランジションでは、$。mobile.pageContainersを切り替えて、ネストされたページをパネルにロードするのではなく、本文（デフォルトはJQM）にロードします。

これはすべて期待どおりに機能します=パネル内にネストされたページをロードすると、URLは次のように更新されます。

私の問題は、ラップページを離れて新しいJQMページに完全に移動するときにURLを「クリーンアップ」することです。

この場合、URLは最後のネストされたページでスタックします。JQMに通知する必要がある場合、実際にはまだラップページにいます（どのネストされたページがまだURLにあるかは関係ありません）。

質問： URLを正しい値に更新する方法、またはページパラメータを「工場出荷時のデフォルト」に設定する良い方法を探しています。これにより、JQMはネストされたページでパネル遷移を行ったことを認識しません。

私が試してみました：

私はJQMパスからかなり離れているので、ヒントを探しています。ポインタをありがとう！

Chromeのプッシュステートを（テスト目的で）無効にするにはどうすればよいですか？

切り替えを簡単にするプラグインを知っている場合はボーナス:)

プッシュステートロジックにdavis.jsを使用しています。

pushStateを多用するアプリケーションに取り組んでいます。ページの読み込みが速いものもあれば、API への呼び出しを何度も行う必要があるものもあります。ブラウザーのロード ビュー CSS の一部を偽造することができました。

これは Windowsブラウザーでは問題なく動作します (Mac では標準ではありません) が、ブラウザーごとに、リンクをクリックして実際のページの読み込みを行ったときと同じ状態にブラウザーを配置する方法が必要です。

1. 上部のローディングインジケーターが回転します
2. Windows では、進行状況インジケーターのカーソルが表示されます (これは、Mac の Safari では発生しません)。

これを行うためのブラウザ機能はありますか、それとも dweeby ajax 読み込みインジケータを表示するだけですか?

http://railscasts.com/episodes/294-playing-with-pjax?view=commentsのチュートリアルでPjaxを使用しています。URLを 変更する必要はなく、このコーヒースクリプトコードは機能しません。

....。

$（ "a＃flag-comments"）。click->

...。

$ .pjax

コンテナ：'[data-pjax-container-flag]'、

置換：false、

url：'/ flag_comments'

...。

何か案が？

これが私のコードです：

いくつかの問題:

• the title to use各ページをクリックすると、ナビゲーション バーの URL は正常に更新されますが、期待どおりにタイトルが更新されません。
• 押し戻すとアラートが作成されますが、値は期待どおりではundefinedありません8

これが私が取り組んでいるものです

コード：

change hashリンクをクリックすると popstate が発生するのはなぜchange hashですか?

私は自分の Web サイトにルーティングを追加しようとしています。これは、他の誰かが引き継ぐのに非常に直感的です。History.js は機能しますが、実装が混乱する可能性があり、チュートリアルや例を見つけるのに苦労しています。私は Davis.js が好きですが、繰り返しになりますが、チュートリアルと例はスリムです。他にも、BBQ、Routing in Backbone、jQuery Address などがあることは知っています。

チュートリアルといくつかの実装を使用して、プッシュステートのサポートとハッシュのサポートへのフォールバック (クロスブラウザー/クロスデバイスである必要があります) を持つ最良の選択はありますか?

ありがとう。