bootstrap 公用导航栏添加active

最新推荐文章于 2024-04-29 00:40:47 发布

DenggLin

最新推荐文章于 2024-04-29 00:40:47 发布

阅读量3.5k

点赞数 4

分类专栏： js 文章标签： bootstrap 导航栏公用 bootstrap 导航栏添加activ

本文链接：https://blog.csdn.net/qq_34117170/article/details/75236425

版权

js 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

只需新建一个头文件然后引入即可，不用再每个页面都重复加active,代码如下：

$(function ()
{
     $('.navbar-nav li').find('a').each(function () {
            if (this.href == document.location.href || document.location.href.search(this.href) >= 0) {
                $(this).parent().siblings('li').removeClass('active');
                $(this).parent().addClass('active'); 
            }
        });
});

是不是很简单，希望能帮到你