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>

これで、To-do ナビゲーション バーを使用していても、青色の効果がホーム ナビゲーションにのみ残りますclass=active。To-doTo-do を使用している場合、青色の効果がナビゲーション バーに表示されるように、動的にするにはどうすればよいですか。

Answer 1

これはうまくいくはずです

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