Javascript 刷新Router5中的视图状态时，另一个视图的一部分将重新出现

我正在使用Router5创建一个非常基本的客户端（即，基本上是一个网站）。我设置了我的代码，这样当用户单击一个按钮时，我不想要的元素就被隐藏了（添加了类

hidden

）。我希望显示的元素删除了

隐藏的
类。效果很好。但是，当我处于非
索引
状态并刷新时，
索引
状态中的元素会重新出现

我在控制台中查找以进行调试。当我刷新时，索引视图中的
hidden
类确实被删除了，我不知道为什么

我对编码还比较陌生，所以如果能在这方面得到任何帮助，我将不胜感激

这是我的转换代码。正如我所说，当我从一个视图转到另一个视图时，它会工作，但当我刷新一个不是
索引的视图时，其中一个
索引
元素会重新出现：

const transition = function() {
  return (toState, fromState, done) => {
    if (fromState) {
      $(`#${fromState.name}`).addClass('hidden');
    }

    $(`#${toState.name}`).removeClass('hidden');

    done();
  };
};

其他相关代码：

const routes = router.rootNode.children.map((route) => {
  return route.name;
});

const registerPaths = () => {
  routes.forEach((route) => {
    $(`a[href="#${route}"]`).on('click', (event) => {
      event.preventDefault();

      router.navigate(route);
    });
  });
};


$(document).ready(function () {
  require('./router/index').start();
  require('./router/events').registerPaths();
});

我想这就是一切。如果您需要查看其他代码以提供帮助，请告诉我

谢谢
 问题是，即使是默认视图状态也需要在HTML中具有
.hidden
类。我还在学习更多关于路由器的知识