jquery – 单击时保持链接颜色,直到单击另一个链接

2023年5月17日 199次阅读

在我的网页上的每个帖子下面,我有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");
   }       
});
点赞