Question

我很难理解如何突出显示当前项目中的菜单项。我花了几个小时寻找解决方案，总是难以忍受。我的jquery不是那么好。这是我的菜单。如何获取它以便突出显示当前页面，同时也会突出显示子项的父级以及下拉菜单。某些代码也会同时突出显示多个页面。有人可以解释原因吗？

<nav>
    <ul class="nav">
        <li class="dropdown">
<a href="index.php" class="dropdown-toggle disabled" data-toggle="dropdown"><i class="icon-home"></i>Home</a>           
</li>

    <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Marketing Tours<b class="caret"></b></a>
<ul class="dropdown-menu">
    <li><a href="tour_management.php">Tour Management</a></li>
    <li><a href="tour_management.php#leasing">Leasing</a></li>
    <li><a href="index.php#case_studies">Case Studies</a></li>
</ul>

    </li>
<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Specialty Vehicles <b class="caret"></b></a>
<ul class="dropdown-menu">
    <li><a href="experiential_build.php">Experiential Builds</a></li>
    <li><a href="mobile_cinema.php">Mobile Cinema (CineTransformer)</a></li>
    <li><a href="mobile_broadcast.php">Mobile Broadcast/Production</a></li>
    <li><a href="mobile_stage.php">Mobile Stage</a></li>
    <li><a href="military&government.php">Military/Government</a></li>
    <li><a href="#">Trailers</a></li>
    </ul>
</li>

    <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> Creative<b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li><a href="#">Development</a></li>
    </ul>
</li>

    <li class="dropdown">
        <a href="about.php" class="dropdown-toggle disabled" data-toggle="dropdown"> About </a>         
    </li>
<li class="dropdown">
    <a href="contact.php" class="dropdown-toggle disabled" data-toggle="dropdown"><i class="icon-envelope-alt"></i> Contact </a>            

        </li>                           
    </ul>   
</nav>

Answer 1

这并不容易，具体取决于设置方式。 jQuery可能没有必要。相反，应该设置您构建菜单的任何脚本，以便为LI类添加一个活动的跟踪，然后可以使用CSS设置样式。如果没有看到构建菜单的系统，就很难提供更详细的响应。

如何突出显示当前页面和父级？

1 个答案: