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");
????????}
?
????})
?
?
文章来源:刘俊涛的博客 欢迎关注公众号、留言、评论,一起学习。
?
若有帮助到您,欢迎点击推荐,您的支持是对我坚持最好的肯定(*^_^*)