2017-12-18 3 views
0

私はすでにアクティブ化されているタブを持っていますが、ハッシュタグが別のタブを指している場合は、そのタブを無効にしたいと思います。urlのハッシュタグのためにアクティブなタブを別のものに対して非アクティブ化する方法はありますか?

HTML::

<ul class="nav"> 
    <li class="active"> 
     <a class="default-tab" href="#default-tab">About</a> 
    </li> 


    <li> 
     <a class="brand-tab" href="#brand-tab">Brand</a> 
    </li> 
</ul> 


<div class="tab-content"> 
    <div class="default-tab active" id="default-tab"> 
     <p>...</p> 
    </div> 

    <div class="brand-tab" id="boc-brand"> 
     <p>...</p> 
    </div> 
</div> 

JS:彼らは属していないところあなたがそこにコールバックを持っている

$(document).ready(function() { 
    if (location.hash === "#brand", function() { 
      $(".brand-tab").addClass('active', function() { 
       $(".default-tab").removeClass('active'); 
      }); 
     }); 
}); 
+1

基本的なif文はコールバックを受けません。 'if(ブール式){...論理...}' – Taplar

答えて

1

は、ここに私のコードです。

$(document).ready(function() { 
    if (location.hash === "#brand") { 
     $('a[href="#brand-tab"]').tab('show'); 
    } 
}); 
:それはそのマークアップによってのように見えるとして、それらは、ブートストラップのタブであれば、あなたは内蔵のブートストラップ法を使用して方がいいでしょう

$(document).ready(function() { 
    if (location.hash === "#brand") { 
     $(".brand-tab").addClass('active'); 
     $(".default-tab").removeClass('active'); 
    } 
}); 

編集:これはあなたが必要とするコードです

関連する問題