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

Question

有人可以指点我如何清理#内部网址吗？

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

目前正在发生：

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

应该发生什么：

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

我尝试过这样的事情：

setTimeout(function(){}, 500);

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

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

Answer 1

尝试在运行模式代码之前更改哈希值。您可以将其放在创建模式的脚本上方的脚本标记中。

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