锚菜单链接被history.pushState破坏

时间:2020-06-10 00:18:30

标签: javascript

我的网站左侧有一系列菜单锚定/哈希链接。例如

<a href="#settings" id="" class="dropdown-toggle" data-toggle="">

这些都很好。

我有一个交易列表,并且该按钮使用AJAX打开编辑表单,而我使用

history.pushState({}, null, `/transaction/${id}/edit`);

更改URL并将其添加到历史记录堆栈中,并单击适当的popstate以便在单击时重新加载主页。

问题在pushState之后,单击这些链接之一将改为重新加载页面并将锚名称附加到url,因此看起来像/ transaction / 3354 / edit#settings,而不仅仅是打开下拉列表。

为什么,请以及如何阻止它发生

1 个答案:

答案 0 :(得分:1)

如果这是错误的答案,请纠正我,但我将其从href =“#”更改为href =“ javascript :;”现在看来还可以