[英]jquery menu - active links
我试图制作一个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>
有人可以告诉我为什么我的代码在重新加载页面时无法正常工作:(
您可以使用$(document).ready(function(){
或$(function(){
来初始化jquery代码,但不能同时使用两者。
$(function(){
$("a").click(function(){
$(this).parent().addClass('inny').siblings().removeClass('inny');
});
});
该代码应该可以正常工作,并且当您重新加载页面时,标记更改将不会保留下来,因此您必须使用uri / cookie来确定显示哪个项目为活动状态。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.