如何使用window.history.pushState

Question

我曾嘗試使用這種使用

$(document).ready(function(){ 
    $(".tabbed_navigation li").click(function(){ 
     $class = $(this).attr('id'); 
     $class="menu/"+$class; 
     console.log($class); 
     window.history.pushState("url", "Title", $class); 
    }); 
}); 

，URL將在第一時間

mysite.com/menu/idname

更新但從第二次起，它的工作原理是這樣的

mysite.com/menu/menu/idname 
mysite.com/menu/menu/menu/idname 
mysite.com/menu/menu/menu/idname 
mysite.com/menu/menu/menu/menu/idname 
mysite.com/menu/menu/menu/menu/menu/idname 

我該如何解決這個問題？

Answer 1

用此更新您的代碼。

$(document).ready(function(){ 
    $(".tabbed_navigation li").click(function(){ 
     $class = $(this).attr('id'); 
     $class="/menu/"+$class; 
     window.history.pushState("", "","http://"+document.domain+$class); 
    }); 
});