Js 实现导航菜单选中状态

2021-01-15 07:11

阅读:618

标签:line   ola   strong   最好   href   white   dcl   com   一起学   

Js 实现导航菜单选中状态

????$(function?()?{

????????$(".header?.nav?li").click(function?()?{

????????????$(this).addClass(‘cur‘).siblings().removeClass(‘cur‘);

????????})

?

????????var?urlstr?=?location.href;

????????var?urlstatus?=?false;

????????$(".header?.nav?li").each(function?()?{

????????????if?((urlstr?+?"/").indexOf($(this).find(‘a‘).attr("href"))?>?-1?&&?$(this).find(‘a‘).attr("href")?!=?‘‘)?{

????????????????$(this).addClass("cur");

????????????????urlstatus?=?true;

????????????}else{

????????????????$(this).removeClass("cur");

????????????}

????????});

????????if?(!urlstatus)?{

????????????$(".header?.nav?li").eq(0).addClass("cur");

????????}

?

????})

?

?

文章来源:刘俊涛的博客 欢迎关注公众号、留言、评论,一起学习。

?

若有帮助到您,欢迎点击推荐,您的支持是对我坚持最好的肯定(*^_^*)

Js 实现导航菜单选中状态

标签:line   ola   strong   最好   href   white   dcl   com   一起学   

原文地址:https://www.cnblogs.com/lovebing/p/13396629.html


评论


亲,登录后才可以留言!