Js 实现导航菜单选中状态


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");

        }

 

    })

 

 

文章来源:刘俊涛的博客 欢迎关注公众号、留言、评论,一起学习。

 

若有帮助到您,欢迎点击推荐,您的支持是对我坚持最好的肯定(*^_^*)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM