現在のページにスタイルを追加して、他のページのスタイルから強調表示しようとしています。しかし、私のコードは機能していないようです...すべての数字が同じに見えます!
<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 => '← previous', :next_label => 'next →' %>
</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">← 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 →</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 次 ->