Question

在显示主动导航脚本时出现问题（显然） this site

我正在使用css-tricks active nav script的轻微调整......

这是我的代码：

if (!$('body').hasClass('home')) {
    $('#main-nav li a[href^="/' + location.pathname.split("/")[1] + '"]').parent().addClass('active');
} else {
    $('#main-nav li:first-child').addClass('active');
}

它在主agency site上工作正常，但是当我们在代理页面（上面的第一个链接）上更深一层时，它会为它们分配所有活动类。

任何帮助将不胜感激！我希望将此作为js解决方案，而不是处理身体ID。

非常感谢任何帮助！

Answer 1

在您使用的代码中

$('#main-nav li a[href^="/' + location.pathname.split("/")[1] + '"]')

返回＆＃34;代理商＆＃34;。由于您的所有链接都以代理开头，因此您的所有链接都将获得活动类。

以下代码适用于代理商网页

$('#main-nav li a[href="' + location.pathname + '"]').parent().addClass('active');

Answer 2

检查链接的href - 所有这些都是/agents/andrew-terrell/... 所以当你去

location.pathname.split("/")[1]

您获得andrew-terrell，会选择菜单中的每个链接。也许你应该检查整个location.pathname？

jquery主动导航3级

2 个答案: