JQUERY：リロードのないウェブサイト、リフレッシュ後に戻ると進むと動作しない

Question

リロードページなしで自分のポートフォリオを作成しようとしています。私は解決できない問題があります。

リンクをクリックすると、次のリンクが読み込まれますが、最初のリンクに戻ってページを更新すると、リンクが読み込まれます。後ろ向きと前向きは、もはや動的ではありません。

どうすればこの問題を解決できますか？前もって感謝します。

ここに私のコード：

$(document).ready(function() { 
$('a').live('click', function(event){ 
    //LOAD PAGE ON CLICK 
    var link = $(this).attr('href'); 
    $('#md').fadeOut(200, function(e) { 
     $(this).load(link + ' .md', function(e) { 
      $(this).fadeIn(200); 
     }); 
    }); 
    //LOAD PAGE CHANGE HISTORY 
    window.history.pushState(null, null, link); 
    popstate = function(url){$('#md').load(url + ' #md');} 
    window.onpopstate = function(event){popstate(window.location.href);event.preventDefault();} 
    return false; 
}); 
}); 

Answer 1

私は最近jqueryの

のための私のコードを修正しかしonpopstateが、その後リロードバックと前進した後の歴史を保存しない理由を私はまだ知りませんもう動作しません...

$(document).on('click', 'a', function(){ 
    //LOAD PAGE ON CLICK 
    var link = $(this).attr('href'); 
    $('#md').fadeOut(200, function() { 
     $(this).load(link + ' .md', function() { 
      $(this).fadeIn(200); 
     }); 
    }); 
    //SAVE HISTORY 
    window.history.pushState({}, null, link + ' '); 
    //BACK/FORWARD HISTORY 
    popstate = function(url){ 
     $('#md').fadeOut(200, function() { 
      $(this).load(url + ' #md', function() { 
       $(this).fadeIn(200); 
      }); 
     }); 
    } 
    //SAVE LINK BACK/FORWARD HISTORY 
    window.onpopstate = function(event){ 
     popstate(window.location.href); 
     event.preventDefault(); 
    } 
    //RETURN FALSE 
    return false; 
});