リロードしないナビゲーションバー

Question

私はおそらく非常にばかげた質問です。私は過去数週間Ruby On Railsアプリを書いています。優れたBootstrap/Twitterのコンポーネントを使って、私が何か芸術的なことをするのを避けています。

このサイトでは、ナビゲーションバーが再読み込みされていないことがわかりました。

非常にトップ（概要、足場など）にあるリンクをクリックする

http://twitter.github.com/bootstrap/javascript.html

ページが変更になり、そしてURLは変更しますが、topbar自体は再ロードする表示されません。

これは（Chromeの開発ツールバーなどを使用して）これを行うAJAX-yを検出できません。私はそれがだと想像することができます：

• 錯視、ちょうどそれは私がそれを見ることができないので、速いリロードされます。しかし、なぜそれはコンテンツと同時にリロードするように見えないのですか？

• 上に行くのブラウザのキャッシュのいくつかの並べ替えを行くいくつかの検出不可能なAJAX（あなたがレンダリングされたページ要素のためにそれを行うことができます）
• 完全に異なる何か

任意の考え大歓迎:)

Answer 1

ページ全体（各タブ）が読み込まれ、ページが読み込まれると非表示になります。

リンクがクリックされたとき（およびJavaScriptがナビゲーションをブロックしているとき）、URLはlocation.hashを使用して変更されます。

ハッシュを変更すると、onhashchangeイベントが実行され、正しいdivが表示されます。ここで

は一例です：http://jsfiddle.net/uFgtS/（。。まあ、私はあなたがURLの変更を見ることができないと思いますファイルにHTML、CSSやJSをコピーし、それを実行）

Answer 2

boostrap site'sナビゲーションバーがあるように見えるん再ロード中は静的ですが、それを実行している巧妙なjsではありません。表示されている隠されたコンテンツはありません。

ここで起こっているのは、非常に高速なページの読み込みです。ブーストラップのメンバーは、すべてのjsリンクとスクリプトをhtmlの最下部に移動して、ページの読み込みを高速化し、htmlでもそう言いました。ページは非常に速く読み込まれ、navbarのような特定の要素はまったく変更されないように見えます。私はサイト上でそれを試してみましたが、静的なNavbarの錯覚を見ています。

多分、あなたのjsとスクリプトをあなたのhtmlの底に動かすと、同じトリックを達成するのに役立ちます。