1

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

<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

谢谢您的帮助！

4

3 回答 3

1

我认为那行不通……您提供的示例中的数据切换具有锚链接（#about），而您的则重定向到另一个页面。您应该在服务器端执行或使用锚链接。

于 2012-06-28T18:23:57.253 回答
1

遇到同样的问题，并做了更多的实验。从我的结果来看，要使用外部链接，您需要删除“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>
于 2012-08-05T20:34:15.457 回答
1

我最后检查了当前页面是否处于活动状态

<li class="<%= 'active' if current_page?(root_path) %>">
    <%=link_to root_path do %>
        <i class="icon-white icon-home"></i>
        Home
    <% end %>
</li>
于 2012-08-09T19:52:58.010 回答