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

我在我的站点的标题中有一个主要的nav，有8个左右的链接。在任何子页面上突出显示标题菜单项

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

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

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

突出显示当前子页面项目的脚本很好理解，但不是必需的。我知道它在某个地方，但我似乎一直在搞清楚如何使它工作。

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

预先感谢您的任何帮助。

来源

2013-08-26 user2719079

而不是让我们通过您的网站挖，能复制最小/ [短的，自包含正确/编译示例]（http://sscce.org/）对我们来说呢？在这里发布相关的代码*（JavaScript/jQuery，HTML和CSS），最好在[JS Fiddle]（http://jsfiddle.net/）或类似的发布现场演示;请：*帮助我们*帮助**你**。 –

我会亲自使用PHP并定义一个变量，如 $page = "home"; 然后我会用if语句在头文件中检查它。如果你不能用PHP做它，可以通过使用jQuery获取当前的URL来完成。

var pathname = window.location.pathname;

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

或者如果你只想要html文件名（test.html），你可以这样做。

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

来源

2013-08-26 18:54:27 Username

添加，每个菜单项有子页面首先下拉（我猜你没有表现出it..keep它隐藏）

然后，使用这样的

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

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

我还建议它here

来源

2013-08-26 19:37:18

小错误：“'+ actlink +'” –

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

回答

相关问题