問題タブ [html5-history]

HTML5 では、ブラウザの履歴を操作するための非常に優れたツール、つまり/メソッドとイベントが導入されたため、Web アプリケーションに意味のある URL を表示するために es に依存する必要がなくなりました。history.pushStatereplaceStateonpopstatelocation.hash

(または、IE < 10 の採用が無視できる場合、ハッシュに依存する必要はありません。)

history.pushStateターゲット状態が を使用して作成された場合、ブラウザーの [戻る] ボタンと [進む] ボタンを使用しても、URL がまったく異なるように見えても、ページはリロードされません。

ただし、ハッシュの変更とは異なり、ユーザーがブラウザーのアドレス バーから URL を変更すると、ブラウザーはページをリロードします。どういうわけか、これに対する効果的な解決策があるとは思えませんが、問題は、ブラウザがページをリロードするのを防ぎ、代わりに履歴状態を強制的にプッシュする方法はありますか?

私は、html5 の push- と popstate を ajax-calls と組み合わせて使用​​して、Wordpress の投稿とページに動的に読み込まれる Web サイトを作成する Web サイトに取り組んでおり、ページを更新する必要はありません。

うまくいきましたが、管理者としてログインしたときにサイトの上部に表示される黒いWordpressツールバー/管理バーにもコンテンツの変更が反映されるといいのですが. これを実現する方法はありますか？たとえば、投稿からページに移動すると、管理バーの「編集」リンクが更新されます。

思ったほど簡単ではないと思います。うまくいかない場合は、フロントエンドの管理バーを無効にするだけだと思います。しかし、何かが欠けている可能性があります。

前もって感謝します！

簡単に見える次の問題がありますが、何が問題なのかわかりません。

私がやりたいことは次のとおりです。

リンク (例: mysite.com/blog/blog-article.html) をクリックすると、そのリンクの href が変数に保存されます。JavaScript ではブロックされ、別の URL (メイン カテゴリ – mysite.com/blog ) に誘導されます。すべてのページが動的に読み込まれます。

この mysite.com/blog には、href のない a 要素があります。ブロックされた URL (変数に保存されたもの) を a 要素に渡します。

これは正常に機能しますが、タイムアウト後にクリックしたいです。

しかし、これは機能していません。誰が問題が何であるかを知っていますか？タイムアウト スクリプトを firebug に配置すると、機能します。したがって、.on() で何かを行う必要がありますが、href を問題なく変更できます。

webpageユーザー情報を表示する があります。ajaxユーザーがWebページを変更せずにこのデータを変更できるようにするために使用しています。

構造は実にシンプルです:

- ユーザーがプロファイルに移動すると、データが表示されます。

-ユーザーが [編集] ボタンをクリックすると、データを変更するためのフォームが表示されます。

- ユーザーがフォームを送信すると、データが保存され、静的データが再び表示されます (更新されます)。ユーザーがボタンを使用して編集ページに戻れないようにする必要があります。Back

-ユーザーが編集中にクリックして戻ると、静的データが再び表示されます。

-ユーザーが静的データを表示しているときにクリックして戻る場合は、常に前のページ (プロファイルではなく) に戻る必要があります。

ボタンのクリックHTML5 History APIを処理するために使用しています。Backユーザーがデータを送信するときに問題が発生します。これは、ユーザーが前の状態 (編集ではなく) に戻ることができないようにするためです。これは私が今やっていることです：

上記のコードで行っているように history.back() を使用すると、ユーザーがForwardボタンをクリックできるという事実を除いて、すべて正常に機能します。replaceState または pushState を使用すると、Forwardボタンは無効になりますが、ユーザーはBackボタンをクリックして同じページにとどまることができます (それは望ましくありません)。

Forward新しい状態を追加せずにボタンを無効にする方法はありますか? Back（ユーザーがクリックして同じページにとどまることを望まない）

history API は初めてです。

Chrome でページが読み込まれるとナビゲーション メニューが機能しなくなります。Firefox では最初は機能しますが、その後再びナビゲーション メニューが機能しなくなります。しかし、関数にコメントすると、History API が機能しません。他のすべては正常に動作します。JS または Ajax エラーはありません。

問題を引き起こす機能は次のとおりです。

ここをチェックしてください：http: //ddvsdakor.com/test/services/logo-designing-and-branding.w

私は現在、JavaScript (JS) historyを主に使用する Web サイトを開発しています。

問題は、この履歴が URL のパス名を使用していることです。たとえば、S3 を静的ホスティングとして使用していて、初めて www.example.com/about のような URL をリクエストしたい場合、S3 はルート (www.example. com) を作成し、/about を処理する JS を用意します。もちろん、この動作は静的ホスティングの場合は完全に正常であるため、注意が必要です。

私の場合、ルート (www.example.com/) に基づくすべてのリンクが常にルート Web サイトを参照する S3 を使用して、それが機能する可能性があるかどうか疑問に思っています。要するに、S3 がパス名をまったく無視することを期待しています。したがって、www.example.com/about をリクエストすると、www.example.com/index.html にある index.html だけが読み込まれ、URL (www.example.com/about) は保持されます。

これでもはっきりしない場合は、JS の location.hash (#) について考えてみてください。ブラウザーは、静的 Web サーバーに要求を行うときにそのハッシュを無視し、Web が読み込まれると、そこに含まれる JS が指定されたハッシュを処理します。したがって、私のケースは URL に「#」を使用することで正確に解決できますが、今回は「#」を使用しないクリーンな URL を使用したいと考えています。

ご協力ありがとうございました。:)