Открытие вкладки с использованием функции javascript

Question

Как я могу открыть вкладку Order с помощью функции java-script, а также назначить активный класс открытой вкладке.

Я пробовал приведенный ниже код, но он не работал.

<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

Вы обычно открыть вкладку, вызвав ...tab("show") на a элемент вкладки, но так как вы, кажется, не имеют a элемент для вкладки Order, вы будете иметь чтобы добавить класс active на эту вкладку самостоятельно и удалить его из других.

Например:

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

Вы должны взглянуть на documentation, чтобы увидеть, как правильно использовать вкладки.