我的网站顶部有一个导航菜单。其中包含许多具有不同 URL 的页面。如何将事件类添加到基于 URL 的导航菜单,在每个页面中以特定颜色显示它?
<ul>
<li class="red"><a href="home">HOme</a></li>
<li><a href="gallery">gallery</a></li>
<li><a href="about">about</a></li>
<li><a href="contact">contact</a></li>
</ul>
最佳答案
这段代码很有用
HTML
<ul id="menuList">
<li><a href="home">Home</a></li>
<li><a href="gallery">gallery</a></li>
<li><a href="about">about</a></li>
<li><a href="contact">contact</a></li>
</ul>
JS
$('#menuList li').click(function(e){
e.preventDefault(); //Remove this in your main code
$('#menuList li').removeClass("active");
$(this).addClass("active");
});
CSS
.active{
background-color:green;
}
关于javascript - 如何将事件类添加到基于每个页面中的 URL 的导航菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35008942/