Как установить элемент активным в панели начальной загрузки по умолчанию или после обновления (не по щелчку)

Question

Я использую этот код, чтобы выделить URL-адрес, который я нажимаю на панели начальной загрузки.И это прекрасно работает, когда я нажимаю на элемент.

  <script type="text/javascript">
    $(document).ready(function () {
        var url = window.location;
        $('li.nav-item a[href="'+ url +'"]').parent().addClass('active');
        $('li.nav-item a').filter(function() {
             return this.href == url;
        }).parent().addClass('active');
    });
  </script> 

У меня проблема в том, что при первом входе в систему или при обновлении URL-адреса ничего не происходит.По умолчанию ничего не активно.Когда я устанавливаю первый элемент как активный (добавляя «активный» в HTML-код), по умолчанию он активен, но когда я нажимаю на другой элемент, два становятся активными.

Что я могу сделать?

Answer 1

Мое решение было добавить этот код JS:

        $('li.active').removeClass('active');