Active Link dosen't work

1

I want to show acive links in the navigation bar. I see the active link, but the pages don’t change. Here is a part from my footer. I don’t know why it doesn’t work. Has someone a solution without javascript?

<footer class="footer">
      <div class="container">
        <a class="brand" href="http://example.com" target="_blank">&copy Hello</a>
        <input class="menu-btn" type="checkbox" id="footer-menu-btn" />
        <label class="menu-icon" for="footer-menu-btn"><span class="navicon"></span></label> 
        <ul class="menu">
          <li><a href="/imprint">Imprint</a></li>
          <li><a href="/legal-notice">Legal notice</a></li>
          <li><a href="/security">Security</a></li>
        </ul>
      </div>
    </footer>

    <script src="{{ "js/jquery-3.3.1.min.js" | absURL }}"></script>
    <script src="{{ "js/active.js" | absURL }}"></script>
  </body>
</html>

Here is my javascript file:

$(document).ready(function () {
$(function () {
$(‘li a’).click(function (e) {
e.preventDefault();
$(‘a’).removeClass(‘active’);
$(this).addClass(‘active’);
});
});
});