如何使用Twitter Bootstrap在Rails 3.2中实现切换丸？

Question

我拿出这个片段来解释我的问题。

<ul class="nav nav-pills nav-stacked red"> 
    <li><%= link_to "Home",   'http://localhost:3000/home' %></li>
    <li><%= link_to "About",   'http://localhost:3000/about', :data => {:toggle=>"pill"} %></li>
</ul>

如果我点击“主页”，链接会将我带到'http：// localhost：3000 / home'。 如果我点击约，药丸切换，但链接不起作用。 这是由此产生的html：

<ul class="nav nav-pills nav-stacked red">
    <li><a href="http://localhost:3000/home">Home</a></li>
    <li><a href="http://localhost:3000/about" data-toggle="pill">About</a></li>
</ul>

我的目标是能够点击链接，转到地址并突出显示相应的药丸。

我在这里看到了关于data-toggle =“pill”的提示： http ： //twitter.github.com/bootstrap/javascript.html#tabs

谢谢您的帮助！

Answer 1

我认为这不起作用...你提供的示例中的数据切换有一个锚链接（#about），你的重定向到另一个页面。 您应该执行该服务器端或使用锚链接。

Answer 2

遇到同样的问题，做了一些实验。 从我的结果来看，要使用外部链接，您需要删除“data-toggle”属性，如下所示：

<ul class="nav nav-pills nav-stacked red"> 
    <li><%= link_to "Home",   'http://localhost:3000/home' %></li>
    <li><%= link_to "About",   'http://localhost:3000/about' %></li>
</ul>


<ul class="nav nav-pills nav-stacked red">
    <li><a href="http://localhost:3000/home">Home</a></li>
    <li><a href="http://localhost:3000/about">About</a></li>
</ul>

Answer 3

如果当前页面处于活动状态，我最后会检查一下

<li class="<%= 'active' if current_page?(root_path) %>">
    <%=link_to root_path do %>
        <i class="icon-white icon-home"></i>
        Home
    <% end %>
</li>