Ajaxでも履歴管理をする

Sabel.Historyを使用すると、Ajaxを使用したページでもブラウザの戻る・進むボタンで画面遷移ができるようになります。

現在表示しているページ:

load history01.
load history02.
load history03.
var historyCallback = function(url) {
  Sabel.get("output").innerHTML = url;
}

new Sabel.History(historyCallback);

ただし、Sabel.HistoryはURLのHash部分に画面遷移の情報を保持している為、<a name="">と共存させたい場合は多少工夫する必要があります。

<< 戻る