Bootstrap data-toggle =「tab」在Javascript函數中調用

Question

我有一些JavaScript代碼的問題，我無法在函數中調用。代碼是：

$('#myTabs a[href="#name"]').tab('show'); 

它的工作原理如果它沒有在函數中調用。這應該會切換使用Bootstrap框架的選項卡。有誰知道如何使它兼容調用函數？

編輯：

function switch_tab() 
{ 
    $('#tablist a[href="#tab_default_2"]').tab('show'); 
} 

，而它的工作，沒有功能不起作用。 （我在JavaScript中不擅長，所以如果很明顯，我可能沒有看到它）。

Answer 1

代碼的標籤列表中：

    <ul class="nav nav-tabs " id="tablist"> 
        <li class="active" id="li_tab1"> 
         <a href="#tab_default_1" data-toggle="tab" id="tab1"> 
         Situation administrative </a> 
        </li> 
        <li id="li_tab2"> 
         <a href="#tab_default_2" data-toggle="tab" id="tab2"> 
         Demande de temps partiel </a> 
        </li> 
        <li id="li_tab3"> 
         <a href="#tab_default_3" data-toggle="tab" id="tab3"> 
         Envoi de la demande </a> 
        </li> 
       </ul> 

按鈕的代碼：

<button class="btn btn-default" id="change_formulaire" onclick="switch_tab();" data-toggle="tab">Valider</button> 

而全功能的代碼：

  function switch_tab() 
     { 
      document.getElementById("tab1").disabled=true; 
      document.getElementById("tab1").style.color="grey"; 
      document.getElementById("li_tab1").className="active"; 
      document.getElementById("tab2").disabled=false; 
      document.getElementById("tab2").style.color=""; 
      document.getElementById("li_tab2").className="active"; 
      $('#tablist a[href="#tab_default_2"]').tab('show'); 
     } 

編輯：

這裏是解決方案：在該功能中，如果它不能切換到標籤活躍。所以你必須在交換之後激活它（用於顯示）。
因此函數現在看起來是這樣：

function switch_tab() 
     { 
      document.getElementById("tab1").disabled=true; 
      document.getElementById("tab1").style.color="grey"; 
      document.getElementById("li_tab1").className="active"; 
      document.getElementById("tab2").disabled=false; 
      document.getElementById("tab2").style.color=""; 
      $('#tablist a[href="#tab_default_2"]').tab('show'); 
      document.getElementById("li_tab2").className="active"; 
     }