Jquery菜单-活动链接

jquery menu - active links

本文关键字：链接 活动 菜单 Jquery      更新时间：2023-09-26

我正在尝试制作一个jquery菜单，当我点击其中一个链接时(重新加载页面)，它将其类更改为"active"，并在点击另一个链接时删除该类。

下面是我的代码: $(document).ready(function(){ 
$(function(){
  $("a").click(function(){
    $(this).parent().addClass('inny').siblings().removeClass('inny');
  });
});
});


 <ul id="mainMenu">
        <li class="hover-width1"><a href="d.html">STRONA GŁÓWNA</a></li>
        <li class="hover-width3"><a href="glowna.html">OFERTA</a></li>
        <li class="hover-width3"><a href="d2.html">CENNIK</a></li>
        <li class="hover-width2"><a href="tom.html">PRZEPISY</a></li>
        <li class="hover-width2"><a href="jan.html">GALERIA</a></li>
        <li class="hover-width1"><a href="#">NASI KLIENCI</a></li>
        <li class="hover-width2"><a href="#">NARZĘDZIA</a></li>
        <li class="hover-width1"><a href="#">CIEKAWOSTKI</a></li>
        <li class="hover-width2"><a href="#">KONTAKT</a></li>
      </ul>

有人能告诉我为什么我的代码不工作时，我重新加载页面:(

您可以使用$(document).ready(function(){或$(function(){初始化jquery代码，但不能同时使用两者。

$(function(){
  $("a").click(function(){
    $(this).parent().addClass('inny').siblings().removeClass('inny');
  });
});

代码应该可以正常工作，并且当您重新加载页面时，标记更改不会保持不变，因此您必须使用uri/cookies来确定要显示的项目

相关文章：