將活動類活動的導航欄上的引導

Question

我有一個導航條是這樣的：

<li class="active"> 
    <a href="{% url 'website:wedding' %}">Home</a> 
    </li> 

    <li><a href="/todo_list/">To-do</a></li> 

    <li><a href="/budget/">Budget</a></li> 

現在，即使我待辦事項導航欄上的藍色影響仍只因爲有首頁導航class=active。我怎樣才能使它變成動態的，這樣如果我處於待辦狀態，藍色效果將出現在To-do導航欄中。

Answer 1

這應該工作

$(document).ready(function(){ 
    $('.navbar').on('click','li',function(){ 
     $('.navbar').find('.active').removeClass('active'); 
     $(this).addClass('active'); 
    }); 
})