顯示搜索結果的引導標籤

Question

我有一個簡單的兩個標籤佈局。第一個選項卡顯示詳細信息，而第二個選項卡顯示搜索框和搜索結果。當用戶導航到頁面時，我希望顯示第一個選項卡，但是執行搜索時（從第二個選項卡），我希望顯示頁面顯示第二個選項卡。

我曾試圖代碼：

<ul class="nav nav-tabs"> 
    <li class="<%= 'active' if !params[:search] %>"> 
    <a href="#details" data-target="#details" data-toggle="tab">Details</a> 
    </li> 
    <li class="<%= 'active' if params[:search] %>"> 
    <a href="#search" data-target="#search" data-toggle="tab">Search</a> 
    </li> 
</ul> 

上面的代碼顯示正確的選項卡但不因此如果要搜索的「搜索」標籤是有源但是顯示在「詳細信息」的div對應的div 。

Answer 1

好的，我沒有意識到我必須爲「li」項目和相應的「div」項目設置活動類。現在工作。 https://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp

<div class="tab-content"> 
    <div class="tab-pane <%= 'active' if !params[:search] %> fade in" id="details"> 
    ... 
    </div> 

    <div class="tab-pane <%= 'active' if params[:search] %>" id="search"> 
    ... 
    </div> 
</div>