jquery菜單 - 活動鏈接

Question

我想做一個jQuery的菜單，當我點擊其中一個鏈接（重新加載頁面）時，它將其類更改爲「活動」，並刪除此類，當我點擊另一個鏈接。

這裏是我的代碼：

輸入代碼here` $（文件）。就緒（函數（）{

$(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(){給init jQuery代碼，但不能兩者兼得。

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

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