【发布时间】:2015-07-23 00:44:45
【问题描述】:
我正在尝试制作侧边栏菜单,但在实现某些功能时遇到了一些问题。我在这方面完全是个菜鸟,我在为仪表板实现活动页面指示器时遇到问题。侧边栏是部分的,我很难找到在部分上实现活动页面指示器的资源。我也在使用 Bootstrap 3。
【问题讨论】:
标签: javascript jquery html css ruby-on-rails
我正在尝试制作侧边栏菜单,但在实现某些功能时遇到了一些问题。我在这方面完全是个菜鸟,我在为仪表板实现活动页面指示器时遇到问题。侧边栏是部分的,我很难找到在部分上实现活动页面指示器的资源。我也在使用 Bootstrap 3。
【问题讨论】:
标签: javascript jquery html css ruby-on-rails
您会发现link_to 和current_page? 帮助器对于您正在尝试做的事情非常有用,以及普通的a 和href html 标记。我建议查看 rails 文档以获取有关这些助手的更多信息。
这是一个带有引导导航栏的示例,单击导航栏条目会将您链接到某个页面(在这种情况下,仪表板位于 views/home/dashboard.html.erb 中),如果它是当前的“活动"页面,突出显示它。我不知道如何在 Jsfiddle 中实现 rails sn-ps,我很抱歉,但希望它能给你一个想法:
<!-- Some irrelevant Bootstrap navbar code before this -->
<div class="navbar-header">
<a class="navbar-brand <%= 'active' if current_page?(root_path) %>" href="/">My Company Text</a>
</div>
<!-- ... More navbar code ... -->
<!-- A drop-down with a Font Awesome icon example below -->
<ul class="dropdown-menu">
<li>
<%= link_to home_dashboard_path, class: 'user' do %>
<i class="fa fa-tachometer"> </i>My Dashboard
<% end %>
</li>
</ul>
【讨论】: