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来确定显示活动的项目。