Question

有人可以给我一些建议吗？

我试图自定义网站及其HTML Nav Menu。默认情况下，菜单已突出显示所有现有预建页面的当前选项卡。

我已经在网站上添加了一个新页面 - 网站设计 - 我在该页面的菜单中添加了一个标签。一切都很好。但我无法找到一种方法，只有在查看该页面时才会突出显示该选项卡。

以下是其中一个默认选项卡的现有代码，工作正常。

<li class="first <#tag:homesection /#>">
<a href="/">Home</a>

这是我为新页面创建的菜单标签的代码：

<li class="levelone <#tag:webdesignsection /#> ">
<a href="/websitedesign.html">Website Design</a>          
<li>

我的问题是我无法找到定义的地方：

<#tag:webdesignsection /#>

所以我可能需要找到另一种解决方案。

我想到了另一种方法：

<li class="levelone active">
<a href="/websitedesign.html">Website Design</a>          
<li>

此代码确实有效，但只有在选项卡始终突出显示时才会显示，无论哪个页面正在被查看。

有没有办法将其包含在一个有条件的＆＃39;？因此它仅适用于查看网站设计页面时。我可以有一个非主动的替代方案，在查看任何其他页面时有条件地设置。

感谢。

Answer 1

我认为你应该把JQuery放在那里，可以从li元素中激活addClass和removeClass。例如

var url = document.URL;
$('#example li a[href="'+url+'"]').parent().addClass('active');