码迷,mamicode.com
首页 > Web开发 > 详细

Js 实现导航菜单选中状态

时间:2020-07-29 15:19:32      阅读:95      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!