我是一个甜甜的大橙子🍊，欢迎关注✉️！
我相信技术的力量💪
努力将所学分享给大家😎
你的点赞❤️分享🚀收藏📖就是对我最大的鼓励！
下面的代码是示例，需结合自己的结构进行调整。
方式一：找到url和标签的对应关系，直接通过id定位的方式给标签加上active
{# 侧边栏动态激活，需要给标签加id #}
var url_array = document.location.pathname.split("/");
s1 = url_array[1];
s2 = url_array[2];
if (s1 === ''){
$('#index').addClass('active')
} else {
$("#"+s1).addClass('open');
$("#"+s2).addClass('active')
}
方式二：找到url和a标签中href对应关系，需要遍历一部分标签，通过判断url和a标签中href相同的方式给标签加上active
{# 侧边栏动态激活，通过当前url判断 #}
$(function () {
$(".sidebar-main").find("li").each(function () {
var a = $(this).find("a:first")[0];
if ($(a).attr("href") === location.pathname) {
$(this).parents("li").addClass("open");
$(this).addClass("active");
} else {
$(this).removeClass("active");
}
});
});
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/63054.html
