有时我们需要设置点击某个a标签来请求相应的数据,之后需要给这个a标签设置相应的激活样式。如果通过a标签的点击事件来做的话就会出现a标签的默认事件,将页面刷新。这个时候我们就需要通过a标签的href属性的值和地址栏的地址做判断,哪个a标签的href和地址地址相同就可以给他添加相应的激活样式。
示例代码:
//二级菜单激活样式
$(".user-center-content a").each(function() {
let href = $(this).attr("href");
let str = window.location.href;
str = str.split(".htm")[0];
href = href.split(".htm")[0];
if ( href == str ) {
$(this).addClass('active');
}
});