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