Question

在我的网站上，我有一个菜单栏，其中包含一些项目的下拉菜单。查看其中一个子页面时，我希望突出显示菜单栏中的父项（class='active）。

这是我的代码：

<div id="sidebar-left">
    <div class="menu">
        <ul class="listeohne">
            <li class="color1" id='active'><a href="index.php">Startseite</a>
            </li>
            <li class="color2"><a href="">Wer wir sind</a>

                <ul>
                    <li class="whiteback">
<a href="werwirsind.php">Einf&uuml;hrung</a> 
                    </li>
                    <li class="whiteback"><a href="statuten.php">Statuten</a> 
                    </li>
                    <li class="whiteback"><a href="vorstand.php">Vorstand </a> 
                    </li>
                    <li class="whiteback borderbottomgrey"><a href="pdf/organigramm_svnw_13.pdf">Organisation </a> 
                    </li>
                </ul>
            </li>

查看示例网站www.nzz.ch.我的网站是www.svnw.ch.

我已尝试过本论坛中描述的众多解决方案，但它们都不适用于我，但我不是专家。

Answer 1

获取您当前所在页面的链接：

var pathname = window.location.pathname;

或

$(location).attr('href');

通过Get current URL in JavaScript?

然后在菜单中搜索a href与“pathname”相等并添加“.active”类！

 $('a[href$="ABC"]').






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

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

或

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

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

不确定它是否有效。没有测试过！

子项打开时突出显示主菜单项

1 个答案: