引导按钮切换不像文档那样工作

Question

我直接从 v5.1文档中复制了下面的内容，并刚刚更新了我的 href。 该链接在我拥有的下拉列表中有效，但我想改用下面的按钮。

    <a href="/events/?future=true" class="btn btn-primary active" role="button" data-bs-toggle="button" aria-pressed="true">Upcoming events</a>
    <a href="/events/?past=true" class="btn btn-primary" role="button" data-bs-toggle="button">Past events</a>

下面是我的boilerplate.ejs 文件：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

这是来自安装页面。

我的按钮点击并亮起，但不要更改路线。 为什么这不起作用？

Answer 1

由于您在 url 中的查询标记，它不会改变路线，您有：

/events/?future=true
/events/?past=true

如果你想要一条不同的路线，它应该是一条清晰的路线，而不是查询。 你有后端服务器吗？

如果是，我认为您的 url 必须是：（如果您想重定向）

/events/future
/events/past

在其他情况下，您能否提供更多信息，您有这些名称的文件吗？ 您如何期望那些重定向？ 为什么？

但是，我确定您的 url 在您单击任一浏览器栏中时正在发生变化。 简而言之，查询不会重定向。

对不起，我不能写一个简单的评论，仍然需要几个点才能在我想写的任何地方写。