javascript - 在 Bootstrap 中将事件类放在事件导航栏上

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