javascript - 在引导程序中将活动类放在活动导航栏上

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>

现在，即使我在待办事项导航栏上，蓝色效果仍然保留在 Home nav 上，因为只有class=active. 我怎样才能让它动态化，这样如果我在待办事项上，蓝色效果就会出现在To-do导航栏上。

Answer 1

这应该工作

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