单击时保持链接颜色，直到单击另一个链接

【问题标题】：maintain link color when clicked until clicking on another link单击时保持链接颜色，直到单击另一个链接
【发布时间】：2013-10-29 18:35:36
【问题描述】：

在我网页上的每个帖子下方，我有 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 中，我真的不知道为了应用我想要的东西而必须构建的函数。我需要帮助来构建它。

在此先感谢您，感谢您的帮助。

【问题讨论】：

标签： jquery html css colors

【解决方案1】：

使用 javascript 是可能的。

$(".tabnav-widget li a").click(function(){        
   if(!($(this).hasClass("active"))){
       $(".tabnav-widget li a.active").removeClass("active");
       $(this).addClass("active");
   }       
});

【讨论】：

hasClass 检查不是必需的 $(".tabnav-widget li a.active").removeClass("active"); $(this).addClass("active");
只是为了避免闪烁。.removeClass() 和 .addClass() 可能会导致闪烁。
感谢您的回复，但它似乎不起作用。例如，我希望在单击 3 个按钮之一时显示红色，并保持它直到单击另一个链接。我是否需要修改我的 CSS 类中的某些内容？感谢您的宝贵时间
是的，active 类的颜色必须与li a 不同，例如.tabnav li:active, .tabnav-widget li:active{background:@red;}。否则，active 类将不可见。