导航栏选中处理办法

最新推荐文章于 2021-06-09 13:27:50 发布

gzbo930

最新推荐文章于 2021-06-09 13:27:50 发布

阅读量1.3k

点赞数

分类专栏： web前端文章标签： javascript 导航

本文链接：https://blog.csdn.net/hawk0930/article/details/23442879

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

导航栏选中处理办法

<script type="text/javascript">
            (function(){
                //导航选中 判断url中是否包含
                var url = location.pathname, navg = $('.main-nav li');
                if(url == '/' || url == '/index'){
                    navg.eq(0).addClass('current');
                }else if(!url.indexOf('/down')){
                    navg.eq(1).addClass('current');
                }else if(!url.indexOf('/extend')){
                    navg.eq(2).addClass('current');
                }else if(!url.indexOf('/app')){
                    navg.eq(3).addClass('current');
                }else if(!url.indexOf('/info')){
                    if(!url.indexOf('/info/document') || !url.indexOf('/info/add/cate_id/36') || !url.indexOf('/info/zhuanti')){
                        navg.eq(4).addClass('current');
                    }else{
                        navg.eq(7).addClass('current');
                    }
                }else if(!url.indexOf('/code')){
                    navg.eq(5).addClass('current');
                }else if(!url.indexOf('/case')){
                    navg.eq(6).addClass('current');
                }else if(!url.indexOf('/topic')){
                    navg.eq(8).addClass('current');
                }else if(!url.indexOf('/document')){
                    navg.eq(4).addClass('current');
                }
            })()
</script>