HTML5履歴APIは - HTML5歴史APIを使用すると、最初のページのロード

Question

でwindow.onpopstateイベントを発生しないで、私は以下のようなものを作成：完全なコードはここにある

(function (d, w) { 

    $(function() { 

     $("#indicator").hide(); 

     if (typeof history.pushState !== 'undefined') { 

      $("#citylinks a").click(function (e) { 
       history.pushState({ path: this.href }, '', this.href); 
       act(this.href); 
       e.preventDefault(); 
      }); 

      w.onpopstate = function (event) { 
       act(d.location); 
      }; 
     } 

     function act(location) { 

      $("#results").hide(); 
      $("#indicator").show(); 

      $.getJSON(location, function (data) { 

       $("#results").html(data.result); 
       $("#results").fadeIn(); 

       $("#indicator").hide(); 
      }); 
     } 

    }); 

})(document, window); 

を：

https://github.com/tugberkugurlu/MvcMiracleWorker/commit/7c511f20678bbfe15462909c794eb323ce615372#diff-3

私がここに持っている問題は、サーバーから初めてページが来るときにw.onpopstateイベントを発生させたくないということです。

私がこれをやりたい理由は、サーバー側でページを埋めたいので、クライアント側のコードでそのようにしたくないからです。 w.onpopstateイベントを削除すると、history.go()イベントを捕まえることができなくなります。

この問題を解決する方法はありますか？

Answer 1

A非常に単純なアプローチは、このようになります：

w.onpopstate = function() { 
    w.onpopstate = function (event) { 
     act(d.location); 
    } 
} 

これは最初の時間はonpopstateイベントが発生するが、あなたの関数を効果的NOOPを作成し、（現在のハンドラを置き換え）イベントハンドラに設定されていることを意味しますは、イベントがページの読み込み時に実行されるときに使用します。