首页 / 开发笔记/ 如何让导航高亮选中/
如何让导航高亮选中
2021-11-26 21:58:28 开发笔记 240

很多开发小伙伴不知道怎么让当前导航高亮选中, 很多人都陷入误区,用php写各种判断, 开发效率极慢 博主写法仅供参考

注意:要jquery支持

html部分

<ul class="nav-active-test">
    <li><a href="/xxx">test</a></li>
</ul>

css部分

.nav-active-test .active a{
    color: red;
}

script部分

$(".nav-active-test  a").each(function() {
    if ($(this)[0].href == String(window.location)) {
        $(this).parents("li").addClass("active");
        return false;
    }})


对不起,该文章暂时不支持留言。
最新留言

No Data

瞎几把搞
因为美好的东西都是免费的,比如水、阳光和空气,所以本站资源免费
12年经验
加入QQ群 一起学习
cmf技术交流群:1019146869
系统由 ThinkCMF API +Nuxt + Ant Desgin驱动
湘ICP备2021016574号