0

图片描述

请问点击导航条,跳转到了新的网页,然后怎么给对应的当前导航加一个高亮呢?

大家给我思路就可以了。
之前我弄了一个

var currenturl = window.location.href;
var aurl=$('.head-nav ul li a');
for (var i = 0; i < aurl.length; i++) {
    var url = aurl.eq(i).prop('href'); /*获取链接的href值*/
    if (currenturl.indexOf(url) != -1) { /*如果链接的href值在当前页面地址中有匹配*/
        aurl.eq(i).addClass('head-nav-current');
    }
}

缺点很明显,就是如果网址后面带?ran=123之类的参数,那么就无法匹配到了。
所以求教大家,如何把导航与当前页面匹配起来,然后给加个高亮(其实就是加个css吧)

pc120 543
2016-02-26 提问
3 个回答
1

1.顺着你的思路,加个正则匹配

2.或者添加url参数标识导航项

1

website/home?ran=123, website/some?ran=123,带网页名很好匹配。

或者用后端代码判断。

1

页面跳转后就只能根据url判别了,在每个需要跳转的链接上加上特定参数,
https://segmentfault.com?type=business&ran=123
在新页面中获取参数business,然后给电子商务加上css

1

看来是要和正则搭配起来。我去试试

pc120 · 2016年02月26日

展开评论

撰写答案

推广链接