将下拉菜单中的“活动”类移动到用户当前页面

Question

因此，我认为我可以继续使用Foundation框架，并且遇到的第一个问题是下拉菜单中的class =“ active”。

我想要的是将类应用于用户当前正在查看的页面链接（在下拉列表中），如果可以轻松完成此操作，将不胜感激。

我已经搜寻了基金会文档和万维网，但不幸的是没有找到任何地方。

Answer 1

您想要实现的目标通常是通过后端或您的前端MVC（例如，角度或骨干）通过测试您所在的位置并在正确的链接上打印“活动”类来完成的。

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

话虽如此，如果您仅想在前端实现此功能，就需要创建一个函数来解析您的URL，找到具有该匹配URL的链接，并在匹配的on上添加一个“ active”类。