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>

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

3 个答案: