在我网页上的每篇文章下方,我都有 3 个按钮:“作者”、“相关文章”和“在此类别中”:SoCatchy!
我想在点击每个按钮时添加一种颜色,并保持它直到点击另一个链接。
这是我的以下代码:
HTML:
<ul class="tabnav-widget ui-tabs-nav">
<li class="ui-tabs-selected">
<a class="" href="#tab1-widget">written by</a>
</li>
<li>
<a class="" href="#tab3-widget">Related Posts</a>
</li>
<li class="">
<a class="" href="#tab4-widget">In this Category</a>
</li>
</ul>
CSS:
.tabnav li a, .tabnav-widget li a{color:@white;}
.tabnav li:active, .tabnav-widget li:active{background:@white;}
在 jQuery 中,我真的不知道我必须构建什么函数才能应用我想要的。 我需要帮助来构建它。
在此先感谢您,我们将不胜感激。
最佳答案
使用 javascript 是可能的。
$(".tabnav-widget li a").click(function(){
if(!($(this).hasClass("active"))){
$(".tabnav-widget li a.active").removeClass("active");
$(this).addClass("active");
}
});
关于jquery - 单击时保持链接颜色直到单击另一个链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19491633/