当菜单在公共页面时，根据访问路径变化菜单颜色

最新推荐文章于 2025-03-16 21:07:39 发布

hoonr

最新推荐文章于 2025-03-16 21:07:39 发布

阅读量386

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/u012172536/article/details/51760811

javascript 专栏收录该内容

14 篇文章

订阅专栏

此JavaScript函数用于获取当前页面的路径并高亮显示对应的导航项。通过解析URL路径并匹配导航链接，该函数能够自动激活当前页面所在的菜单选项，增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getPath(){
	var pathname = window.location.pathname;
	if (pathname && pathname.length > 1) {
		var num = pathname.indexOf('/', pathname.indexOf('/') + 1)
		if (num && num > 0) {
			pathname = pathname.substr(0, num);
		}
		var $li = $("a[href='" + pathname + "']").parents(".ili");
		//var $li = $("a[href='" + pathname + "']").parents(".ili");
		$li.siblings().removeClass("active");
		$li.addClass("active");
	}
}