JS：history.pushState不工作在功能

Question

我想圍繞history.pushState功能，它的工作原理，如果我在控制檯中使用它，但不會產生所需的結果在頁面上的功能或在一個jsfiddle。

JSFIDDLE LINK HERE!

HTML：

<a href="#1" id="#1">Link 1</a> 
<a href="#2" id="#2">Link 2</a> 
<a href="#3" id="#3">Link 3</a> 
<a href="#4" id="#4">Link 4</a> 
<a href="#5" id="#5">Link 5</a> 
<a href="#6" id="#6">Link 6</a> 
<a href="#7" id="#7">Link 8</a> 

JS：

$('a').click(function (e) { 
    var linkhref = $(this).attr("href"); 
    var base = document.location; 
    var stateObj = { test: "page" }; 
// alert(linkhref);  /*make sure href is link we want*/ 

    history.pushState(stateObj, 'New URL: '+linkhref, base+linkhref); 
    e.preventDefault(); 
}); 

我也試着簡單的 history.pushState（stateObj， '測試'，linkhref）;同樣沒有結果。

我試圖複製Mozilla文檔HERE，但無法獲取任何內容，無法手動將history.pushState行粘貼到控制檯中。

Answer 1

我試過了，它工作正常。雖然由於某種原因，不能在JSFiddle上工作。除非別的地方還有其他問題，否則我看不到它不起作用的原因。