为一个页面引导程序网站获取动态活动li

Question

我想有动态属性active的li当前页面上.我看到了这个主题:如何让Twitter-Bootstrap导航显示活动链接？,但解决方案不适合我.我没有部分视图的特定控制器.方法current_page不起作用href.我没有使用已定义的路线,这就是为什么没有link_to.

我试图使用data-toggle ="pills",正确标记导航栏当前点击了一个链接,但没有引用(未更改视图).

    li
      a.waves-effect.waves-light href="#{root_path}#slider" Home
    li
      a.waves-effect.waves-light href="#{root_path}#about" About us
    li
      a.waves-effect.waves-light href="#{root_path}#price" Price
    li
      a.waves-effect.waves-light href="#{root_path}#contact" Contact

Answer 1

Twitter Bootstrap选项卡默认为"单页",并且应该立即在您的情况下工作.检查你的父母<ul>.您的代码应如下所示:

<ul class="nav nav-tabs">
  <li class="active waves-effect waves-light">
    <a href="#slider" data-toggle="tab">Home</a>
  </li>
  <li class="waves-effect waves-light">
    <a href="#about" data-toggle="tab">About us</a>
  </li>
  <li class="waves-effect waves-light">
    <a href="#price" data-toggle="tab">Price</a>
  </li>
  <li class="waves-effect waves-light">
    <a href="#contact" data-toggle="tab">Contact</a>
  </li>
</ul>

注意:您root_path的链接中不需要,因为它实际上会打开一个新页面,而您不希望这样,因为您的链接是单页面