jQuery菜單-活動鏈接

Question

我試圖制作一個jquery菜單，當我單擊其中一個鏈接時（重新加載頁面），它將其類更改為“活動”，並在我單擊另一個鏈接時將其刪除。

這是我的代碼：

在這里輸入代碼$（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>

有人可以告訴我為什么我的代碼在重新加載頁面時無法正常工作：(

Answer 1

您可以使用$(document).ready(function(){或$(function(){來初始化jquery代碼，但不能同時使用兩者。

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

該代碼應該可以正常工作，並且當您重新加載頁面時，標記更改將不會保留下來，因此您必須使用uri / cookie來確定顯示哪個項目為活動狀態。