使用JS向菜单项添加活动类不适用于子页面

Question

所以我有这个WordPess网站在其菜单中有无数的自定义链接，我认为它可以节省我一些时间来简单地使用js设置一个活动的类到当前菜单项，特别是jQuery。像这样 -

var url = window.location;
$('a[href*="' + url + '"]', 'header').addClass('active');

再见PHP开销！

使用这个脚本我似乎无法在单个页面上设置类，即使url部分匹配菜单项（例如，类别名称在菜单中，url是/ thatcategory / somepost /）。有什么东西我可以添加到这个脚本中，它会在所有页面上以相同的方式运行它吗？

Answer 1

确保您的结尾斜杠匹配，因此如果window.location末尾有斜杠，则href中需要有一个斜杠。如果您检查链接是否包含完整域，也可能会有所帮助。

http // www.example.com / one / two 与href / one / two

的链接不匹配

可能值得研究使用window.location.pathname并匹配而不是完整的网址。