使用Rails 4,需要帮助来制作一个更好的侧边栏菜单用于导航
Using Rails 4, need help making a better sidebar menu for navigation
我正在尝试制作一个侧边栏菜单,并且在实现一些功能时遇到了一些问题。我是一个完全的新手在这方面,我有问题实现一个活跃的页面指示器的仪表板。侧边栏是局部的,我很难找到在局部上实现活动页面指示器的资源。我也使用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>
相关文章:
- 如何创建更好的方式来维护基于我的代码访问的最后一个页面
- 什么对性能更好:每个元素的事件或一个具有委派的事件
- 哪一个在访问数组长度方面的性能更好
- 我在jQuery中有一个循序渐进的过程,有没有更好的编码方法
- 我只为一个事件和一个元素写一个块更好吗?
- JavaScript:有没有更好的方法来使用回调函数做一个for循环
- 如何更好地停止一个承诺链并开始另一个承诺链
- JavaScript:哪个是更好的方法.为每一个或减少
- 哪一个更好,使用带有javascript或canvas的纯html
- 这些jQuery JavaScript中的哪一个将具有更好的性能
- 除了在 AngularJS 中为每种类型的编辑创建一个函数之外,有没有更好的方法可以在页面上拥有可编辑的元素
- 哪一个更好?存储在根文件或直接指向JS的链接上的JavaScript
- 向 DOM 添加一个简单的图像标记,而不是使用 GWT 控件以获得更好的 JS 运行时性能
- 有没有比这更好的方法只用JavaScript创建一个切换函数(根本没有JQuery)
- 更好地管理 Javascript 和 html 模板文件:编辑尽可能多的文件,但作为一个文件使用
- 性能方面:拥有许多小型 ajax php 控制器脚本还是一个大型脚本更好
- 有没有更好的方法将两个值中最大的值分配给一个属性
- 需要许多不同的弹出窗口;使用一个抽象的弹出窗口来处理每个场景更好吗
- 与许多事件侦听器和函数引用一个对象相比,什么是更好的方法
- 检查coffeescript中最后一个元素的更好方法