如何使用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>