4

私のウェブページの各投稿の下に、「作成者」、「関連投稿」、「このカテゴリ内」の 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 では、必要なものを適用するために作成する必要がある関数がよくわかりません。私はそれを構築するための助けが必要です.

事前に感謝します。どんな助けでも大歓迎です。

4

1 に答える 1

2

JavaScriptで可能です。

$(".tabnav-widget li a").click(function(){        
   if(!($(this).hasClass("active"))){
       $(".tabnav-widget li a.active").removeClass("active");
       $(this).addClass("active");
   }       
});
于 2013-10-21T10:13:07.877 に答える