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

Question

我的网站标题中有一个主nav，有8个左右的链接。

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

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

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

突出显示当前子页面项目的脚本也很好，但不是必需的。我知道它出现在某个地方，但我似乎总是在寻找如何让它发挥作用。

http://ccc.my-dms.net/The-Stone-Collection-New-Arrivals.htm

提前感谢您的帮助。

Answer 1

我个人会使用PHP并定义一个变量 $page = "home"; 然后我会在标题中用if语句检查它。如果你不能在PHP中完成它，可以通过使用jQuery获取当前url来完成。

var pathname = window.location.pathname;

然后你可以用if语句检查并更改按钮的类，如果它是真的。

或者，如果您只想要html文件名（test.html），则可以执行此操作。

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

Answer 2

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

然后，使用类似的东西

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

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

我还建议here