javascript - 将类 'active' 添加到菜单

Question

我有一个侧边栏，我正在尝试使用 Javascript 来更改外观以及单击时的目标页面。但是我尝试了很多建议但没有成功，我不明白为什么。

JsFiddle

我尝试过使用这个 JS 代码:

$(document).ready(function () {
     var url = window.location;
     $('.navigation ul li a[href="'+url+'"]').parent().addClass('active');
});

但是，一旦我添加了 href="~/~" 属性，我就会收到 “未知命令:[Href 中的链接]” - 并且“active” 类未添加到元素中。

感谢您的宝贵时间

Answer 1

您正在尝试使用window.location 获取当前页面的URL。但是，window.location 实际上是一个对象，包含多个属性，而不是包含当前页面 URL 的字符串。您需要使用 window.location 属性之一，最有可能是 window.location.pathname。但是，请参阅https://developer.mozilla.org/en-US/docs/Web/API/Location查看完整的选项列表。