jquery - 选择时更改菜单链接的颜色

Question

我想更改所选菜单链接的颜色。选择菜单后，用户将被重定向到该 URL，我希望该链接更改颜色。单击链接时页面重新加载

$(document).ready(function() {
  $('.entry-link > ul li').click(function(e) {
    $('.entry-link > ul li').removeClass('selected');
    $(this).addClass('selected');
  });
});

.entry-links > ul li.selected {
  background-color: green;
  font-weight: 800;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<nav class="entry-links">
  <ul>
    <li class="">
      <a href="#~/" title="För elever">För elever</a>
    </li>
    <li>
      <a href="#/for-skolpersonal/" title="För skolpersonal">För skolpersonal</a>
    </li>
    <li>
      <a href="#/ungdom-och-elevdatabas/" title="Ungdom och elevdatabas">Ungdom och elevdatabas</a>
    </li>
  </ul>
</nav>

我没有收到错误，但什么也没发生

Answer 1

尝试

$(document).ready(function (e) {

      $('.entry-links  a').click(function (e) {
          e.preventDefault();
          $('.entry-links > ul li').removeClass('selected');
          $(this).parent().addClass('selected');             


      });
  });

fiddle https://jsfiddle.net/t64d1obe/18/