Question

我正在开发一个需要2个不同菜单的项目，一个位于顶部，一个位于页面左侧：

<div class="navigation">
<ul class="navigation">
     <li><a href="../index.html">FILM </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
     <li><a href="../../photography/index.html">PHOTOGRAPHY</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
     <li><a href="../../other/index.html">OTHER WORKS </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
     <li><a href="../../about/index.html">INFO/INQUIRE </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
</ul>
</div>

<div class="navigationLeft">    
<ul class="navigationLeft">
<li><a href='../item1/index.html'><span>item 1</span></a></li>
<li><a href='../item2/index.html'><span>item 2</span></a></li>
<li><a href='../item3/index.html'><span>item 3</span></a></li>
<li><a href='../item4/index.html'><span>item 4</span></a></li>
</ul>         
</div>

左边的一个基本上是顶部菜单中某个部分的子菜单。最初，该项目意味着很小，所以我使用直接CSS来使用类突出显示选定的部分，但是现在网站已经增长了很多，我想使用模板来进行未来的更新。这意味着直接CSS现在已经出局了。我在标题中实现了以下脚本：

<script type="text/javascript" >
$(function() {
$(".navigationLeft a").each(function() {
    if (this.href == window.location) {
        $(this).css("color", "#ff9900");
    };
});
});
</script>

它适用于我的左侧菜单，但显然不能用于我的顶级菜单，因为从技术上讲，我所在的部分不是“当前页面”。我正在寻找一种方法，使用jQuery / js来解析url并将突出显示应用于曾经在树上的任何链接。所以基本上，在我的顶级菜单中，包含例如<a href>的任何/photography/也会突出显示，即使它在技术上不是当前页面。提前谢谢了！

突出显示菜单部分未激活

0 个答案: