我正在尝试创建一个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>
当我重新加载页面时,有人可以告诉我为什么我的代码无效:(
答案 0 :(得分:1)
您可以使用$(document).ready(function(){
或$(function(){
初始化jquery代码,但不能同时使用两者。
$(function(){
$("a").click(function(){
$(this).parent().addClass('inny').siblings().removeClass('inny');
});
});
代码应该可以正常工作,当您重新加载页面时,标记更改将不会停留,因此您必须使用uri / cookies来确定要显示哪些项目是活动的。