Jquery 设置<；李>；项目在导航到特定页面时处于活动状态

我正在一个Asp.Net网站上工作，我用AdminLTE示例中的导航栏替换了Site.Master中的默认水平导航栏

垂直导航栏如下所示

导航栏的代码如下所示

<ul class="sidebar-menu" data-widget="tree">
                <li class="header">Navigation</li>
                <!-- Optionally, you can add icons to the links -->
                <li>
                    <a href="Default.aspx">
                        <i class="fa fa-home"></i>
                        <span>Home</span>
                    </a>
                </li>
                <li>
                    <a href="About.aspx">
                        <i class="fa fa-question"></i>
                        <span>About</span>
                    </a>
                </li>
                <li>
                    <a href="Contact.aspx">
                        <i class="fa fa-address-book"></i>
                        <span>Contact</span>
                    </a>
                </li>
                <li class="treeview">
                    <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span>
                        <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#">Link in level 2</a></li>
                        <li><a href="#">Link in level 2</a></li>
                    </ul>
                </li>
            </ul>

}))

---

不知道我遗漏了什么。

您的

每个
函数都基于
的选择器

获取当前匹配元素集中每个元素的父元素，可选地通过选择器进行筛选


var test_url='localhost:5583/About.aspx'；
$（函数（）{
var pgurl=test\u url.substr（test\u url.lastIndexOf（“/”）+1）；
$（“ul li a”）。每个（函数（）{
if（$（this.attr（“href”）==pgurl | |$（this.attr（“href”）==''）
$（this.parent（）.addClass（“活动”）；
})
});
.active{
背景颜色：黄色；
}


导航












似乎对我有效，但为了排除故障，我建议检查
pgurl
的值，以确保它符合您的预期，例如
console.log（pgurl）。当你转到“About”网站/About后，你的链接是什么样子的？我刚刚注意到你说要设置“list item”类。在代码中，您将
@Innervisions的类设置为localhost:5583/About。aspx@showdev我想将
类设置为活动
$(function() {
 var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1);
 $("ul li a").each(function(){
      if($(this).attr("href") == pgurl || $(this).attr("href") == '' )
      $(this).addClass("active");
 })