無法通過單擊按鈕向選項卡添加類 - js不起作用

-1

我無法通過單擊tab2中的下一個按鈕來激活選項卡。我想，如果我點擊「下一步」標籤3內容將出現。以及tab3也將處於活動狀態。我用另一種方式來更改內容並激活選項卡，但之後選項卡不活動（對於tab1）。無法通過單擊按鈕向選項卡添加類 - js不起作用

的html代碼：

<div class="panel with-nav-tabs panel-info"> 
    <div class="panel-heading"> 
     <ul class="nav nav-tabs" id="hi"> 
      <li class="active"><a href="#tab1info" role="tab" data-toggle="tab">tab1</a></li> 
      <li><a href="#tab2info" role="tab" data-toggle="tab">tab2</a></li> 
      <li><a href="#tab3info" role="tab" data-toggle="tab">tab3</a></li>        
     </ul> 
    </div> 
    <div class="panel-body"> 

    <div class="tab-content"> 
     <div class="tab-pane fade" id="tab1info"> 
      tab1 contents 
      <a href="#tab2info " data-toggle="tab">Next</a> 
     </div>        
     <div class="tab-pane fade" id="tab2info"> 
      <a onclick="iyo()" id="aaa">Next</a> 
     </div> 

     <div class="tab-pane fade" id="tab3info">tab3contents</div> 
    </div> 
</div>

和我的js代碼：

function iyo() { 
    $('tab3info').addClass('active'); 
};

來源

2017-04-02 iyolita islam

'$（ 'tab3info'）'選擇，看起來像''，也許不是你想要什麼樣的元素，但'$（ '＃tab3info'）'，這是一個錯字 – adeneo

我也試過這個，但它不起作用。 –

你的代碼是jQuery，而不是純javascript。你真的在加載jQuery庫嗎？你的文件在哪裏定義你的功能？請創建一個[MCVE] – Turnip

請檢查該工作代碼。

function iyo() { 
 
     $('[href="#tab2info"]').parent().removeClass('active'); 
 
     $('#tab2info').removeClass('active in'); 
 
     $('[href="#tab3info"]').parent().addClass('active'); 
 
     $('#tab3info').addClass('active in'); 
 
    }

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.2/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<div class="panel with-nav-tabs panel-info"> 
 
    <div class="panel-heading"> 
 
     <ul class="nav nav-tabs" id="hi"> 
 
      <li class="active"><a href="#tab1info" role="tab" data-toggle="tab">tab1</a></li> 
 
      <li><a href="#tab2info" role="tab" data-toggle="tab">tab2</a></li> 
 
      <li><a href="#tab3info" role="tab" data-toggle="tab">tab3</a></li> 
 

 
     </ul> 
 
    </div> 
 
    <div class="panel-body"> 
 
     <div class="tab-content"> 
 
      <div class="tab-pane fade" id="tab1info"> 
 
       tab1 contents 
 
         <a href="#tab2info " data-toggle="tab">Next</a> 
 
      </div> 
 

 
      <div class="tab-pane fade" id="tab2info"> 
 
       <a onclick="iyo()" id="aaa">Next</a> 
 
      </div> 
 

 

 
      <div class="tab-pane fade" id="tab3info">tab3contents</div> 
 
     </div> 
 
    </div> 
 
</div>

來源

2017-04-02 19:07:22

無法通過單擊按鈕向選項卡添加類 - js不起作用

回答

相關問題