Ссылка на вход не работает в навигационной панели HTML

Итак, я использую django, и в то время как все ссылки в моей навигационной панели работают совершенно нормально, когда я нажимаю на них, ссылка login не работает в навигационной панели. Я нажимаю на ссылку, но страница не перезагружается. Но когда я щелкаю правой кнопкой мыши и выбираю Open link in new tab, я попадаю на страницу входа в систему. То же самое с ссылкой logout, когда я вошел в систему.

У кого-нибудь есть идеи, почему это происходит, и может ли кто-нибудь помочь мне исправить это? Заранее спасибо!

Мой код:

  <header class="main-header clearfix" role="header">
    <div class="logo">
      <a href="{% url 'index' %}"></em>Class</a>
    </div>
    <a href="#menu" class="menu-link"><i class="fa fa-bars"></i></a>
    <nav id="menu" class="main-nav" role="navigation">
      <ul class="main-menu">
        <li><a href="#section1">Home</a></li>
        <li class="has-submenu"><a href="#section2">About Us</a>
          <ul class="sub-menu">
            <li><a href="#section2">Who we are?</a></li>
            <li><a href="#section3">What we do?</a></li>
            <li><a href="#section3">How it works?</a></li>
          </ul>
        </li>
        <li><a href="#section4">Courses</a></li>
        <li><a href="#section5">Video</a></li>
        <li><a href="#section6">Contact</a></li>
        {% if user.is_authenticated %}
          <li><a href="{% url 'logout' %}">Logout</a></li>
        {% else %}
          <li><a href="{% url 'login' %}">Login</a></li>
        {% endif %}
      </ul>
    </nav>
  </header>

Вернуться на верх