我有一个带有链接的页面,这些链接打开了一个带有id="modal-i
(其中i
是任何数字)的模态,该模态链接到带有href="#modal-i"
的锚标记。这很好,你点击链接,相关的模态就会弹出,然后当点击带有href="#"
的链接时,模态就会消失。
我想知道是否有一种方法可以隐藏哈希位置,但保持模态打开?基本上保持一切工作不变,只需将哈希隐藏在URL中。
我知道模态会弹出的唯一原因是因为散列在URL中,但我仍然想知道这是否可能,因为这会让一切变得更干净。
我已经搜索了答案,但我只找到了一些问题,询问如何在不重新加载页面的情况下删除哈希位置。
非常感谢您的帮助,谢谢!
嗯,有点像。您可以立即将其移除。
把这个放在你的页面上:
<script>
document.body.onload = function() {updateurl()};
function updateurl(){
window.history.replaceState(window.location.hostname, "Sample Title", window.location.pathname);
}
</script>
您所需要做的就是将"示例标题"更改为您想要的任何内容。
祝好运