javascript - 在其任何子页面上突出显示标题菜单项

Question

我的网站标题中有一个主要nav内容，其中包含 8 个左右的链接。

在大多数这些页面中，左侧都有一个子导航。

当您在任何子页面上时，我希望能够突出显示标题中的当前链接。

我不能手动执行此操作，因为标题链接是通过 cms 全局编辑的，因此需要将某种 JavaScript 应用于每个子页面，告诉要突出显示主标题链接。

突出显示当前子页面项目的脚本也很高兴知道，但不是必需的。我知道它就在某个地方，但我似乎总是费时费力地弄清楚如何让它发挥作用。

预先感谢您的任何帮助。

score 1 · Accepted Answer

我会亲自使用 PHP 并定义一个变量，例如 $page = "home"; Then 我会在标头中使用 if 语句检查它。如果您不能在 PHP 中执行此操作，可以通过使用 jQuery 获取当前 url 来完成。

var pathname = window.location.pathname;

然后，您可以使用 if 语句检查并更改按钮的类（如果为真）。

或者，如果您只需要 html 文件名 (test.html)，您可以这样做。

var pathname = document.location.pathname.match(/[^\/]+$/)[0];

score 0 · Accepted Answer

添加，首先有子页面的每个菜单项的下拉菜单（我想你不必显示它..保持隐藏）

然后，使用这样的东西

 $(function(){
    var actlink = $(location).attr('href');

    $('ul > li > a[href$="actlink"]').parent("li").addClass('active');
});

2 回答 2