请问点击导航条,跳转到了新的网页,然后怎么给对应的当前导航加一个高亮呢?
大家给我思路就可以了。
之前我弄了一个
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吧)
1.顺着你的思路,加个正则匹配
2.或者添加url参数标识导航项
页面跳转后就只能根据url判别了,在每个需要跳转的链接上加上特定参数,
如https://.com?type=business&ran=123
在新页面中获取参数business,然后给电子商务加上css
有website/home?ran=123, website/some?ran=123
,带网页名很好匹配。
或者用后端代码判断。