首页 > Web开发 > 详细

Js 实现导航菜单选中状态

时间:2020-07-29 14:59:59      阅读:100      评论:0      收藏:0      [点我收藏+]

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 实现导航菜单选中状态

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!