bootstrap siderbar标签选中问题

最新推荐文章于 2022-12-05 22:00:03 发布

原创最新推荐文章于 2022-12-05 22:00:03 发布 · 521 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

4 篇文章

订阅专栏

bootstrap

2 篇文章

订阅专栏

本文介绍了一种使用Bootstrap实现侧边栏菜单项在被选中后展开的方法。通过JavaScript遍历.nav-pills类下的所有链接，检查其href属性是否与当前页面URL匹配，若匹配则为该元素添加'active'类，并进一步展开其父级.nav-treeview类的菜单。

bootstrap 侧边栏被选中后展开并

<script>
    $('.nav-pills').find('a').each(function () {
        if (this.href == document.location.href || document.location.href.search(this.href) >= 0) {
            $(this).addClass('active');
            console.log($(this).parents());
            console.log(typeof ($(this).parents()));
            if ($(this).parents().hasClass('nav-treeview')) {
                {#alert('true');#}
                $(this).parents('.has-treeview').addClass('menu-open');  // 不熟悉js,用了比较笨的方法
                $(this).parents('.nav-treeview').prevAll('a').addClass('active');
            }
        }
    });
</script>

效果如图：