Sebastian Sulinki によって作成された例をしばらく見回していました
here' デモ - http://html5-history-pushstate.ssdtutorials.com/
完璧ですが、window.onpopstate = function(){
Firefox およびインターナー エクスプローラー 11 および 10 では、ドキュメントの準備完了またはウィンドウの読み込みでは機能しません。他のブラウザーではトリガーされます。
ドメイン スクリプトが動作しないため (デモ)、ドメイン スクリプトは domain.com/ でのみ動作し、server.com/folder/ は動作しません。申し訳ありませんが、無料のドメインはありません。
しかし、誰かがそれをもう少し調査したい場合は、ダウンロードして localhost/ (下位フォルダーではなくメインディレクトリ) またはいくつかのドメインで試してください。
それを確認する簡単な方法はconsole.log("this url is " + url);
、スクリプトのこのフラグメントに追加することです
load: function(url) {
url = url === '/' ? '/ygwyg' : url;
jQuery.getJSON(url, {
ajax: 1
}, function(data) {
jQuery.each(data, function(k, v) {
$('#' + k + ' section').fadeOut(200, function() {
$(this).replaceWith($(v).hide().show());
console.log(url)
});
});
});
},
#navigation a
クロムでウェブサイトを開くと、開始時にURLが表示されますが、FFとIEでは、ボタンを押してからスクリプトトリガーを押すまで何も表示されません。
使用された時間と、アンサー、ヒント、情報をありがとう:)
編集: 私はここ(下のリンク)でそれがトリガーされないことを知りました-しかし、なぜですか? 解決策はありますか? http://blog.teamtreehouse.com/getting-started-with-the-history-api