2013-07-16 6 views
1

Я пытаюсь добавить некоторый стиль к текущей странице, чтобы выделить его из стиля других страниц. Но мой код, похоже, не работает ... все номера выглядят одинаково!rails 3.2 будет изменять стиль текущего стиля страницы

<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 (стиль применяется, когда я проверить на текущей странице).

enter image description here

Я не использую никакого помощника.
Вот сгенерированный 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 следующая ->

+0

почему есть два 'sections' в вашем примере? – phoet

+0

только опечатка:. Удалил его – mamesaye

ответ

0

Вы можете прочитать на странице following вики. Просто упростить вид:

<section id="pagination"> 
    <%= will_paginate @myths, :inner_window => 1, :outer_window => 1, :previous_label => 
</section> 

Чтобы добавить какой-то особый вид и чувствовать себя за ссылку текущей страницы, просто установить стиль CSS для .current класса. will_paginate сделает для вас оставшийся штат и автоматически добавит класс .current к текущей ссылке.

Update:

Для того, чтобы ваш частный случай работает, просто изменить стиль CSS, чтобы отразить разметку

li.active a { 
    text-decoration:underline; 
} 
+0

отправился на эту страницу и пробовал все стили css и все еще имел тот же pb – mamesaye

+0

Можете ли вы обновить ответ с помощью html, который генерируется этим помощником. И класс css, который не работает для вас? – roody

+0

Я обновляю свой вопрос с помощью css, сгенерировал html и изображение – mamesaye

 Смежные вопросы

  • Нет связанных вопросов^_^