使用javascript函數打開選項卡

Question

如何使用java-script函數打開Order選項卡並將活動類分配給打開的選項卡。

我試過下面的代碼，但它沒有奏效。

<script> 
    function showmodal() { 
     $('#Order').modal('toggle').addClass('active'); 

    } 
</script> 

-

<ul class="nav nav-tabs" id="myTab"> 
     <li class="active"><a href="#home" data-toggle="tab">Active Customer</a></li> 
     <li> 
      <asp:LinkButton OnClientClick="showmodal()" ID="LinkButton1" runat="server">Order</asp:LinkButton></li> 
    </ul> 

    <div class="tab-content"> 
     <div class="tab-pane active" id="home"> 
      home 
     </div> 

     <div class="tab-pane" id="Order"> 

      <div class="row"> 
       <div class="col-md-12"> 
        Order 


       </div> 
      </div> 

     </div> 

    </div> 
</div> 

Answer 1

您通常通過調用標籤的a元素...tab("show")打開一個標籤，但因爲你似乎並不具備對Order標籤的a元素，你將有將active類添加到此選項卡並將其從其他選項中移除。

如：

$("#Order").closest(".tab-content").find(".tab-pane").removeClass("active"); 
$("#Order").addClass("active"); 

你應該看看documentation，看看如何正確地使用標籤。