JS：history.pushState在功能中不起作用

Question

我正在尝试围绕history.pushState功能，如果我在控制台中使用它，它将起作用，但不会在页面上的功能或jsfiddle中产生所需的结果。

JSFIDDLE链接在这里！

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，'Test'，linkhref）; 同样没有结果。

我试图在此处复制Mozilla文档，但是除了将history.pushState行手动粘贴到控制台之外，无法进行任何操作。

Answer 1

我尝试了一下，效果很好。 由于某种原因，它不适用于JSFiddle。 除非别的地方有其他问题，否则我看不出它不起作用的原因。