【问题标题】:Using Rails 4, need help making a better sidebar menu for navigation [closed]使用 Rails 4,需要帮助为导航制作更好的侧边栏菜单 [关闭]
【发布时间】:2015-07-23 00:44:45
【问题描述】:

我正在尝试制作侧边栏菜单,但在实现某些功能时遇到了一些问题。我在这方面完全是个菜鸟,我在为仪表板实现活动页面指示器时遇到问题。侧边栏是部分的,我很难找到在部分上实现活动页面指示器的资源。我也在使用 Bootstrap 3。

【问题讨论】:

    标签: javascript jquery html css ruby-on-rails


    【解决方案1】:

    您会发现link_tocurrent_page? 帮助器对于您正在尝试做的事情非常有用,以及普通的ahref 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">&nbsp;</i>My Dashboard
        <% end %>
      </li>
    </ul>
    

    【讨论】:

    • 非常感谢,已完成活动页面指示器。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-10
    • 1970-01-01
    相关资源
    最近更新 更多