jquery - HTML 5、History.js、および Jquery .load() の実装

Question

HTML5 履歴 API と jquery を使用して Web アプリを作成する方法を独学で学ぼうとしています。ページのコンテンツを div にロードしていますが、前後に移動しようとしても何も起こりません。以下はコードです

$(document).on('click',".ul_links",function(e){


      loader_img();

      var teamid = $(this).attr('id');
      var href = '/Myapp/Pages/FundingSourceView.php?teamid='+teamid;




      $('#midpanel').load(href,function(response,status,xhr){         
          if(status=='error')
          {
              alert('An error occured. Contact admin. Specific error is '+ xhr.status + " " + xhr.statusText);

          }
          });


           var currentState = history.state;          
           History.pushState(currentState,'',href);

           e.preventDefault();
          return false

      });

History.js プラグインを使用していますが、この機能の実装に問題があります。

変数 href が絶対変数でない場合、404 エラーが発生します。href が絶対の場合、リンクは機能しますが、進むボタンまたは戻るボタンを使用して前のコンテンツを読み込むことはできません。