Jquery阻止链接但保留网址锚点

Question

我有包含 href="#video1" 的链接

我需要阻止点击执行

$( "#accordion_video a" ).click(function( event ) {
  event.preventDefault();
});

但是当我这样做时，我不会像这样在http://example.com/#video1这样的 url 中得到#video1 ，我需要它来回溯历史。 如果我不阻止它，页面将空白中心部分。 任何的想法？

演示。

Answer 1

也许这对你有用

$( "#accordion_video a" ).click(function( event ) {
    event.preventDefault();
    history.pushState("", "", window.location.href.split("#")[0] + $(this).attr('href'))
});

编辑：使用 window.location.href.split("#")[0] 而不是 window.location.href