完全なajaxサイトであるhttp://hypem.comのようなサイトは、今では#をスクラップすることに気付きました! ajax urlsしかし完全なajaxサイトを維持しました。これはどのように可能ですか?あなたがが唯一のまともなブラウザで、history.pushStateでこれを行うことができます#のないAjaxナビゲーション!
9
A
答えて
5
;)
https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history
ここでハッシュ化されたURLへの古いブラウザのフォールバックとjQueryプラグインです: http://plugins.jquery.com/project/history-js
5
いくつかの最新のブラウザはhistory.pushState()
をサポートしています。
しかし、まだ普及している古いブラウザをサポートしたい場合は、ハッシュフォールバックを使用する必要があります。
0
HTML5には新しい履歴APIがあります。デモはこのURLで利用可能です。 http://html5demos.com/history/
https://github.com/browserstate/history.jsはこれを非常によくサポートしています。 また、history.jsはjquery、mootoolsなどでプラグ可能で、HTML4ブラウザもサポートしています。 <head>
にjqueryの(1.7以上)に含まれ、プラグインは、AJAXナビゲートしますautomaticalyあなたのウェブサイトに後
0
は、単にあなたの
<script type="text/javascript" src="https://raw.github.com/binarymind/jquery-navigate/master/navigate.js" ></script>
と
<script type="text/javascript"
$(document).ready(function() {
$.navigate.init();
});
</script>
が含まれます。あなたはgithubのhttps://github.com/binarymind/jquery-navigate
に行くことができ、それ以上のカスタマイズ、ドキュメントや答えを
はそれが役に立てば幸い。
バスティアン
関連する問題
- 1. ナビゲーションとjQuery Ajax
- 2. AJAXナビゲーション - パーマリンク
- 3. jQuery Mobile - Ajax駆動のナビゲーション
- 4. AjaxとBrowerのナビゲーション(前/後)
- 5. Ajaxナビゲーションとフォーム提出
- 6. シンプルなjQuery AJAXナビゲーションへのヒストリサポートの追加
- 7. キャンセルAJAXリクエストにより後続のナビゲーションが遅くなる
- 8. WPF Prism - ビューのないナビゲーション?
- 9. ナビゲーションが機能しない
- 10. シンプルなjQueryのナビゲーション
- 11. レスポンシブなナビゲーション
- 12. ナビゲーション中のjQuery ajax呼び出しのMVCアクションのヌルパラメータ
- 13. ナビゲーションのヘッダコンテナが表示されない
- 14. サイドバーのナビゲーションが表示されない
- 15. バックアップツールバーのナビゲーションが戻ってこない
- 16. Androidナビゲーションのドロワーメニューがクリックできない?
- 17. AJAXライブ検索の矢印キーとマウスのナビゲーション
- 18. ajaxナビゲーションを使用したjQuery Mobileのクリックイベント
- 19. 私のWordpress ajaxナビゲーションに画像をプリロードしますか?
- 20. ウェブサイトでAJAXナビゲーションを使用する最善の方法
- 21. HTMLナビゲーション、Ajax、JavaScriptとの互換性はありません
- 22. Ajaxのライブ検索に矢印ナビゲーションを追加
- 23. 簡単なナビゲーションは
- 24. TYPO3:異なる色のナビゲーション
- 25. Tinderのようなナビゲーション(スウィフト)
- 26. ナビゲーションなしのwp7アプリケーションバー
- 27. ナビゲーションが正しく動作しない
- 28. RichFacesでJSFナビゲーションが機能しない
- 29. ナビゲーションがiPadに表示されない
- 30. JSFページ・ナビゲーションが機能しない
だから、これはwindow.locationのがあろうと同じようにURLを変更する文句を言いませんか?それはページをリフレッシュしませんか? – wilsonpage
@pagewil:これがアイデアです。 'pushState()'を使うと、ページをリロードすることなくURLを変更することができます。 –