将下拉菜单中的 "active" class 移动到用户当前页面
Moving the "active" class in a dropdown menu to the users current page
所以我想我会试试 Foundation 框架,我 运行 遇到的第一个问题是下拉菜单中的 class="active"。
我想要的是 class 应用于用户当前正在查看的页面 link(在下拉列表中),如果这很容易完成,我们将不胜感激。
我已经搜索了 Foundation Docs 和万维网,不幸的是一无所获。
您要实现的目标通常由后端或我的前端 MVC(如 angular 或 backbone)通过测试您所在的位置并打印 'active' class右边link.
Foundation 不是 MVC 框架。它只是通过利用模块化的预制代码帮助快速开发一些 HTML、CSS 和 JavaScript。
话虽这么说,如果您想纯粹在前端实现这一点,您需要创建一个函数来解析您的 URL,找到匹配 [=] 的 link 27=],在匹配的on.
上加一个'active'的class
所以我想我会试试 Foundation 框架,我 运行 遇到的第一个问题是下拉菜单中的 class="active"。
我想要的是 class 应用于用户当前正在查看的页面 link(在下拉列表中),如果这很容易完成,我们将不胜感激。
我已经搜索了 Foundation Docs 和万维网,不幸的是一无所获。
您要实现的目标通常由后端或我的前端 MVC(如 angular 或 backbone)通过测试您所在的位置并打印 'active' class右边link.
Foundation 不是 MVC 框架。它只是通过利用模块化的预制代码帮助快速开发一些 HTML、CSS 和 JavaScript。
话虽这么说,如果您想纯粹在前端实现这一点,您需要创建一个函数来解析您的 URL,找到匹配 [=] 的 link 27=],在匹配的on.
上加一个'active'的class