【问题标题】:Bootstrap Show active link in RailsBootstrap 在 Rails 中显示活动链接
【发布时间】:2014-02-26 23:40:01
【问题描述】:

如果选择了下拉菜单之一,我想显示导航下拉菜单的活动链接

这是一个没有下拉菜单的简单导航,它可以工作

<li class="<%= 'activen' if current_page?(jobs_path) %>" ><%=  link_to "Offres d'emploi" , jobs_path, class:"active-shadow" %></li>

<li class="<%= 'activen' if current_page?(profiles_path) %>"><%=  link_to "Découvrir des utilisateurs" , profiles_path, class:"active-shadow" %></li> 

这是我的下拉菜单

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Entreprises <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><%=  link_to "Découvrir des Entreprises" , companies_path %></li>
<li><%=  link_to "offres par entreprises" , offre_path %></li>
</ul>
</li>

【问题讨论】:

    标签: ruby-on-rails twitter-bootstrap ruby-on-rails-4


    【解决方案1】:

    这将是相同的想法,但您可能需要更改活动的颜色,因为它可能是相同的

    ...

    <li class="<%= 'activen' if current_page?(companies_path) %>" ><%=  link_to "Découvrir des Entreprises" , companies_path %></li>
    
    <li class="<%= 'activen' if current_page?(offre_path) %>" ><%=  link_to "offres par entreprises" , offre_path %></li>
    

    ...

    编辑:

    重新阅读你的cmets,如果你在“Découvrir des Entreprises”或“offres par entreprises”页面,你希望对“Entreprises”产生积极影响吗?

    ...

    - if current_page?(companies_path) || current_page?(offre_path)
      <li class="dropdown">
      <a href="#" class="active dropdown-toggle" data-toggle="dropdown">Entreprises <b class="caret"></b></a>
    ....
    

    【讨论】:

    • 如果 Companies_path 处于活动状态或 offre_path 我想要导航栏中下拉链接中的活动链接
    • 只是理解,您想将“Entreprises”替换为“Découvrir des Entreprises”或“offres par entreprises”文本?
    • 是的,我希望当我在“Découvrir des Entreprises”或“offres par entreprises”中时,活动链接应该是“Entreprises”
    • 如果您有多个操作,您还可以使用控制器来确定“当前”位置,这样它就不像检查每个路径那样细粒度。使用params[:controller] == "companies" 而不是current_page?(companies_path)
    猜你喜欢
    • 2012-04-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-20
    • 1970-01-01
    • 2014-07-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多