清除URL主题标签的最佳方法

Posted 2021-04-16

有人能指出我如何清理URL内的#？

我目前有一个弹出窗口，它使用#作为参考，但是当页面刷新时，数据不会被加载，因为数据只在用户点击按钮时加载。

目前正在发生：

• 用户点击按钮
• 莫代尔弹出（#user-calendar）
• 用户刷新页面，数据不再存在，模态仍然弹出，因为#user-calendar仍然存在

应该发生什么：

• 用户点击按钮
• 莫代尔弹出（#user-calendar）
• 用户刷新页面，数据不再存在，模态应该关闭。

我尝试过这样的事情：

setTimeout(function(){}, 500);

然而，使用setTimeout等用户仍然可以看到模态然后它关闭。我想要一些干净的东西，所以它对用户来说看起来并不麻烦。

任何人都有任何想法如何实现这一目标？

答案

尝试在运行模式代码之前更改哈希值。你可以将它放在它自己的脚本标签上方，该脚本是制作模态的脚本。

if(window.location.hash === "#user-calendar"){
   window.location.hash = "";
}