動態添加活動類

Question

我負責為俱樂部創建網站，但無法弄清楚如何動態添加活動類。

我僅限於JS，因此沒有服務器端的東西。

這是我的標題。

    <div class="topnav" id="myTopnav">
        <a href="index.html">Home</a>
        <a href="./about.html">About</a>
        <a href="./signUp.html">Sign Up</a>
        <a href="./host.html">Host a site</a>
        <a href="./photos.html">Photo Album</a>
        <a href="javascript:void(0);" style="font-size:15px;" class="icon" 
           onclick="myFunction()">&#9776;</a>
    </div>

我正在從文件加載標頭，所以我不知道這是否與我嘗試過的所有示例都弄混了。

    $(function() {
        $("#header-placeholder").load("./layouts/header.html");
    });

在此先感謝您的幫助！

Answer 1

試試這個。

$(function(){
        var current = location.pathname;
        $('#myTopnav a').each(function(){
            var $this = $(this);
            if($this.attr('href').indexOf(current) !== -1){
                $this.addClass('active');
            }
        })
    })

希望能幫助到你..！