jquery - history.pushState() および戻る/進むボタンのクリック

Question

これは、機能するajaxロードでURLを変更する私のコードです

$.ajax({
  url: url,
  success: function (data) {
  $(selector).html(data);
    var title = data.match("<title>(.*?)</title>")[1]; // get title of loaded content   
    window.history.pushState( {page : 0} , document.title, window.location.href ); // store current url.    
    window.history.pushState( {page : 1} , title, url ); // Change url.
    document.title = title; // Since title is not changing with window.history.pushState(), 
    //manually change title. Possible bug with browsers.
    window.onpopstate = function (e) {
        window.history.go(0);
    };
  }
});

戻るをクリックすると、前のページが読み込まれます。そして、もう一度クリックしても何も起こりません。そしてもう一度クリックすると、最初のページに移動します。私が見つけたいくつかのテストの後、各ajaxロードで、戻るボタンに2つの同じページがあります

また、進むボタンをクリックしたときに履歴を取得するコードが必要です