将下拉菜单中的"active"类移动到用户当前页面

Question

所以我想试试Foundation框架，我遇到的第一个问题是下拉菜单中的class="active"。

我想要的是应用于用户当前正在查看的页面链接（在下拉列表中）的类，如果这很容易做到，任何帮助都将不胜感激。

我搜索了基金会文件和万维网，但不幸的是一无所获。

Answer 1

您要实现的目标通常由后端或我的前端MVC（如angular或主干）通过测试您所在的位置并在右侧链接上打印一个"活动"类来完成。

Foundation不是MVC框架。它只是通过利用模块化的预制代码来帮助快速开发一些HTML、CSS和JavaScript。

也就是说，如果你想纯粹在前端实现这一点，你需要创建一个函数来解析你的URL，找到与该匹配URL的链接，并在匹配的上添加一个类"active"。