Question

我知道我有很多像这样的问题。但我无法让它发挥作用。

我希望使用jQuery为活动链接更改颜色

 $(function() {
    var links = $('ul li').click(function() {
        $(this).closest('ul').find('li.active').removeClass('active');
        $(this).addClass('active');
    });

    ul.nav a { cursor: pointer; }
    .active { color:#f00;font-weight:bolder; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="menu">
  <ul class="topmenu">
    <li id="bt" class="active"><a id="btref"  href="#">Sygefravær</a></li>
    <li id="nt"><a id="ntref"  href="#">Nøgletal</a></li>
    <li id="pet"><a id="petref" href="#">Periodeopdelt sygefravær</a></li>
    <li id="frv"><a id="frvref" href="#">Fraværsårsager</a></li>
    <li id="doku"><a href="#">Dokumentation</a></li>
  </ul>
</div>

Answer 1

你忘了关闭你的功能}）;

＆＃13;

$(function() {
    var links = $('ul li').click(function() {
        $(this).closest('ul').find('li.active').removeClass('active');
        $(this).addClass('active');
      });
    });

＆＃13;

ul.nav a { cursor: pointer; }
    .active { color:#f00;font-weight:bolder; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="menu">
  <ul class="topmenu">
    <li id="bt" class="active"><a id="btref"  href="#">Sygefravær</a></li>
    <li id="nt"><a id="ntref"  href="#">Nøgletal</a></li>
    <li id="pet"><a id="petref" href="#">Periodeopdelt sygefravær</a></li>
    <li id="frv"><a id="frvref" href="#">Fraværsårsager</a></li>
    <li id="doku"><a href="#">Dokumentation</a></li>
  </ul>
</div>

＆＃13;

使用jQuery更改活动链接上的背景颜色

1 个答案: