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

标签 jquery css zurb-foundation zurb-foundation-5

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

我想要的是应用于用户当前正在查看的页面链接(在下拉列表中)的类,如果这很容易完成,我们将不胜感激。

不幸的是,我已经搜索了 Foundation Docs 和万维网,但一无所获。

最佳答案

您要实现的目标通常由后端或我的前端 MVC(如 Angular 或主干)通过测试您所在的位置并在正确的链接上打印“事件”类来完成。

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

话虽这么说,如果你想纯粹在前端实现这一点,你需要创建一个函数来解析你的 URL,找到与该匹配 URL 的链接,并在匹配上。

关于jquery - 将下拉菜单中的 "active"类移动到用户当前页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29357271/

相关文章:

javascript - 如何包装 jQuery 函数

html - 我有一个正在处理的布局,我需要帮助确定从哪里开始

svg - 如何更改 Foundation 5 <select> 下拉三角形的颜色

jquery - 合并 Foundation 后动画突然不起作用?

jquery - 为什么 jQuery 不总是加载?

javascript - 文本区域的边距内的 CSS 宽度 100%

css - Facebook iframe 网络应用程序 div 滚动到底部

带背景色的 CSS 水平导航栏

javascript - Foundation Orbit 无法与 Handlebars 配合使用

javascript - document.getElementById.innerHTML 只工作一次 - 如何配置全局复制元素?