ruby - Rails 3.2.3 + Twitter Bootstrap + Nav-Tabs : How to show a specific tab?

Question

关于 rails 和 bootstrap 的另一个新手问题。

我正在使用这样的东西:

<div class="tabbable tabs-left">
<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">About us</a></li>
            <li><a href="#tab9" data-toggle="tab">Address</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="tab1">
        <%= render 'about_us' %>
    </div>
    <div class="tab-pane" id="tab9">
        <%= render 'address' %>
    </div>
</div>

我的问题是我呈现的“地址”包含一个表单。通过提交此表单，我最终进入了另一个 Controller 。使用此 Controller 保存新地址后，我想重定向到此页面并显示地址选项卡。

我尝试的重定向命令是:redirect_to salon_path(@salon.id.to_s + "#tab9") 这导致调用 url .../salons/1%23tab9。我认为我需要它.../salons/1#tab9。

但也许您有更好的解决方案来选择一个特定的选项卡。

使用:

gem 'rails', '3.2.3'
gem 'bootstrap-sass', '2.0.3'.

Answer 1

我自己能弄明白，这篇文章让我走上了正确的轨道:How to get Twitter-Bootstrap navigation to show active link?

<div class="tabbable tabs-left">
<ul class="nav nav-tabs">
    <li class="<%= 'active' if params[:tab] == 'tab1' %>"><a href="#tab1" data-toggle="tab">About us</a></li>
    <li class="<%= 'active' if params[:tab] == 'tab9' %>"> <a href="#tab9" data-toggle="tab">Address</a></li>
</ul>

<div class="tab-content">
    <div class="<%= if (params[:tab] == 'tab1' || !params[:tab])then 'tab-pane active'  else 'tab-pane' end%>" id="tab1">
        <%= render 'about_us' %>
    </div>
    <div class="<%= if params[:tab] == 'tab9' then 'tab-pane active'  else 'tab-pane' end%>" id="tab9">
        <%= render 'address' %>
    </div>
</div>

在我的示例中，我这样调用它:

redirect_to salon_path(@salon.id, tab:"tab9")