0

私は欲しいものを手に入れることが少し限られています.CSS（私は疑わしい）またはjavascriptのいずれかでこれを行う方法があることを願っています.

drupal がリンクに「アクティブ」クラスを割り当てる下の表があります。これは素晴らしいことですが、アクティブなリンクがある行全体の CSS を変更したいのですが、drupal でそれを自動化することはできません。ユーザーがどのページにいるかを確認し、現在のリンクを持つ行 (tr) にクラスまたは ID を追加する方法はありますか?

<table class="views-table cols-0" thmr="thmr_80">
  <tbody>
    <tr class="odd views-row-first">
      <td class="views-field views-field-counter">
       <a href="#">Link 1</a>          
      </td>
    </tr>
    <tr class="even">
      <td class="views-field views-field-counter">
        <a href="#" class="active">Link 2</a>
      </td>
    </tr>
  </tbody>
</table>
4

2 に答える 2

1

アクティブなアンカーに基づいて行にクラスを追加するには、closest()（jQueryを使用している場合）を使用して、CSSを使用してその行に指定するクラスのスタイルを設定することができます。

$(function() {
    $('.views-table a.active').closest('tr').addClass('active_row');
});

CSS

.active_row {color: green; height: 300px;}
于 2012-12-14T04:12:51.503 に答える
0 
   <script src="/jquery-1.2.6.js"></script>
   <script type="text/javascript">
   $(document).ready(function(){
       $('td.views-field a.active').css("color","900");
   });
   </script>


   <table class="views-table cols-0" thmr="thmr_80">
     <tbody>
       <tr class="odd views-row-first">
         <td class="views-field views-field-counter">
          <a href="#">Link 1</a>          
         </td>
       </tr>
       <tr class="even">
         <td class="views-field views-field-counter">
           <a href="#" class="active">Link 2</a>
         </td>
       </tr>
     </tbody>
   </table>

お役に立てれば

于 2012-12-14T04:23:03.350 に答える