2011-06-22 6 views
9

完全なajaxサイトであるhttp://hypem.comのようなサイトは、今では#をスクラップすることに気付きました! ajax urlsしかし完全なajaxサイトを維持しました。これはどのように可能ですか?あなたがが唯一のまともなブラウザで、history.pushStateでこれを行うことができます#のないAjaxナビゲーション!

答えて

5

;)

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

ここでハッシュ化されたURLへの古いブラウザのフォールバックとjQueryプラグインです: http://plugins.jquery.com/project/history-js

+0

だから、これはwindow.locationのがあろうと同じようにURLを変更する文句を言いませんか?それはページをリフレッシュしませんか? – wilsonpage

+0

@pagewil:これがアイデアです。 'pushState()'を使うと、ページをリロードすることなくURLを変更することができます。 –

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

に行くことができ、それ以上のカスタマイズ、ドキュメントや答えを

はそれが役に立てば幸い。

バスティアン

関連する問題