И звезды погасли. Фантастика. (04 фев 2025)

Казалось бы, давно уже не торт: банальная идея, всеми корнями в экзистенциализме - привычный нам мир создан объективациями, пересечениями и взаимопроникновениями индивидуальных сознаний.

Меню в ROR

Больше
7 года 5 мес. назад #1 от tekumze
tekumze создал тему: Меню в ROR
Возникла задачка сделать меню в рельсах, посоветуйте... гем?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Dev banner 3
Больше
7 года 5 мес. назад - 7 года 5 мес. назад #2 от serge
serge ответил в теме Меню в ROR
Можешь использовать гем navigatrix, очень прост в использовании. Устанавливаешь и сразу же можешь делать меню, вот такой код:

Code:
<%= render_navigation({ "Home" => "/", "Article 1" => "/articles/1", "Article 2" => "/articles/2", "Article 3" => "/articles/3", }) %>

отдаст вот такой HTML:

Code:
<ul> <li><a href="/">Home</a></li> <li class="active">Article 1</li> <li><a href="/articles/2">Article 2</a></li> <li><a href="/articles/3">Article 3</a></li> </ul>

, "Article 1" некликабельна, т.к. class="active" и находимся на этой странице. А к "active" уже можно привязывать любые стили, что и требовалось от гема. ДОкументация гема - на странице гема, если нужно более сложное использование...
А я смогу! - А поглядим! - А я упрямый!
Последнее редактирование: 7 года 5 мес. назад пользователем serge.
Спасибо сказали: tekumze

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 мес. назад #3 от evgenij
evgenij ответил в теме Меню в ROR
active_link_to
github.com/comfy/active_link_to
Have a lot of fun!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 мес. назад #4 от evgenij
evgenij ответил в теме Меню в ROR
Или попросту так:
Code:
<ul class="nav"> <li class="<%= 'active' if params[:controller] == 'controller1' %>"> <a href="/link">Link</a> </li> <li class="<%= 'active' if params[:controller] == 'controller2' %>"> <a href="/link">Link</a> </li> <li class="<%= 'active' if params[:controller] == 'controller3' %>"> <a href="/link">Link</a> </li> </ul>
Code:
<ul class="nav"> <li class="<%= 'active' if current_page?(root_path) %>"><%= link_to "Home", root_path %></li> <li class="<%= 'active' if current_page?(about_path) %>"><%= link_to "About", about_path %></li> <li class="<%= 'active' if current_page?(contact_path) %>"><%= link_to "Contact", contact_path %></li> </ul>
Have a lot of fun!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Работает на Kunena форум