javascript - HTML/CSS 如何关闭菜单然后使用类 ="active"

标签 javascript html css menu

我想关闭一个菜单,当我访问一个 URL 时 <li>应该将他的类(class)更改为 class="active"但一开始我想让那个类(class)不带 class="active"。

而且我想知道哪种方式最适合执行此 Javascript 或仅使用 css 即可。

最佳答案

使用 jQuery 的最佳方式

$(document).ready(function(){
var str=location.href.toLowerCase();
$(".navigation li a").each(function() {
if (str.indexOf(this.href.toLowerCase()) > -1) {
 $("li.active").removeClass("active");
$(this).parent().addClass("active");
}
 });
 })

关于javascript - HTML/CSS 如何关闭菜单然后使用类 ="active",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28984012/

相关文章:

css - 当 div 内的内容移到一侧时,将内容居中放置在页面中间

javascript - 如何使网格中的背景图像可点击?

javascript - 在 IE 上使用 Fancy zoom 时遇到问题

HTML 到 PDF 内容溢出到下一页

javascript - 未捕获的语法错误 : Cannot use import statement outside a module using reactjs CDN Links

javascript - 在 HTML5 中绘制对象时减少 JavaScript 标记

html - 当内容是动态的时,将页脚粘贴到页面底部

javascript - 无法从 Material UI 对话框中删除滚动条

javascript - 有没有有效的方法将数据设置到MapObject?

javascript - 使用 1 个脚本禁用多个 key