我正在尝试制作一个侧边栏菜单,并且在实现一些功能时遇到了一些问题。我是一个完全的新手在这方面,我有问题实现一个活跃的页面指示器的仪表板。侧边栏是局部的,我很难找到在局部上实现活动页面指示器的资源。我也使用Bootstrap 3.
您会发现link_to
和current_page?
帮助您想要做的事情非常有用,以及普通的a
和href
html标签。我建议查看rails文档以获取有关这些帮助程序的更多信息。
这里有一个引导导航条的例子,点击导航条条目会链接到某个页面(位于views/home/dashboard.html中的仪表板)。如果它是当前的"活动"页面,则突出显示它。我不知道如何在js中实现rails片段,我的道歉,但希望它能给你一个想法:
<!-- 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>