提问者:小点点

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


我很难理解如何在我当前的项目中突出显示菜单项。我花了几个小时寻找解决方案,最终总是被难倒。我的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>

共1个答案

匿名用户

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