bootstrap 导航栏及所在位置

最新推荐文章于 2024-10-27 16:18:57 发布

renfengmei

最新推荐文章于 2024-10-27 16:18:57 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： bootstrap

本文链接：https://blog.youkuaiyun.com/renfengmei/article/details/23672691

bootstrap 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用 jQuery 实现的网页导航栏高亮当前页面链接的方法。通过点击事件改变导航项的激活状态，帮助用户清晰地识别当前所处的位置。

$(function() {
		$('.nav li').click(function(e) {
			$('.nav li').removeClass('active');
			//$(e.target).addClass('active');
			$(this).addClass('active');
		});
	});
var url = location.pathname, navg = $(‘.nav li’);
if(url == ‘/’ || url == ‘/index’){

}