1

現在のページにスタイルを追加して、他のページのスタイルから強調表示しようとしています。しかし、私のコードは機能していないようです...すべての数字が同じに見えます!

<section id="pagination">   
  <nav>
     <ul>
        <li><a class='<%= "active" if (params[:page]).to_i == @myths.current_page %>'>   
              <!-- checking current page and params page -->   
              <%=  @myths.current_page.to_i %> <br>  <%=  (params[:page]).to_i %> <br>
              <%= will_paginate @myths, :inner_window => 1, :outer_window => 1, :previous_label => '&#8592; previous', :next_label => 'next &#8594;' %>
        </a></li>
     </ul>
  </nav>
</section>

どんな助けでも大歓迎です。

アップデート

CSS
a.active{text-decoration:underline;}

現在のページのページネーションの画像は3です(現在のページをチェックするとスタイルが適用されます)。

ここに画像の説明を入力

私はヘルパーを使用していません。
生成されたhtmlはこちら

 <section id="pagination">
        <nav>
          <ul>
            <li><a class='active'>
              3 <br>  3 <br>
              <div class="pagination">
              <ul>
              <li class="prev previous_page ">
                <a rel="prev" href="/tags/Justice?page=2">&#8592; previous</a>
              </li> 
              <li><a rel="start" href="/tags/Justice?page=1">1</a></li> 
              <li><a rel="prev" href="/tags/Justice?page=2">2</a></li>
              <li class="active"><a href="/tags/Justice?page=3">3</a></li>            
              <li><a rel="next" href="/tags/Justice?page=4">4</a></li> 
              <li><a href="/tags/Justice?page=5">5</a></li> 
              <li class="next next_page ">
                <a rel="next" href="/tags/Justice?page=4">next &#8594;</a>
              </li>
              </ul>
              </div> 
            </a></li>
        </nav>
      </section>   

これが問題です

<li class="active"><a href="/tags/Justice?page=3">3</a></li>   

そのはず

<li><a class="active" href="/tags/Justice?page=3">3</a></li>   

それが機能するために。それを修正する方法は?

私は 3 ページにいるので、3 には下線を引く必要があります。ページネーションは次のようになります: <- 前 1 2 3 4 5 次 ->

4

1 に答える 1