JQuery实现导航中点击相应分类,在页面需要刷新加载完成后,该分类名称变色

16 篇文章 0 订阅
5 篇文章 0 订阅

想要的效果:导航栏中,点击某块内容,哪块内容中的文字就变色起到标识作用。

但是,由于用了a标签,点击后页面会刷新,就等于页面加载完成后,所有内容都恢复了默认。

这样一个问题,我困扰了一个下午,百度出来的答案,都是用伪类啥的。终于查到了下面的解答,亲测可用。

每次页面加载完成,都会测2个链接是否相等,相等就给该导航中相应文字变色。如有更好的解答,望请告知。

        $(function () {
                $("a").each(function () {
                   // console.log(window.location);
                   // console.log($($(this))[0].href);
                    if ($($(this))[0].href == String(window.location))
                        $(this).addClass('currentModel');
                });
            });

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值