Jquery 阻止链接但保留 url anchor

Question

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

我需要防止点击执行

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

但是当我这样做时，我不会在这样的网址中得到 #video1 http://example.com/#video1 我需要它来回溯历史。如果我不阻止它，页面会在中间部分留空。有什么想法吗？

Demo.

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