将活动类活动的导航栏上的引导

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'); 
    }); 
})