Eu tenho um componente nav-tab no qual preciso evitar a alteração da guia com base em uma condição, a condição está funcionando, mas ainda assim não consegue bloquear a alteração da guia. Para permanecer na guia atual, por exemplo: Estou na tab1 e ​​pressione para ir para a tab2, use a seguinte função para continuar na tab1: $('#tabs a [href="# tab1"]').tab('show'); mas não está funcionando e ainda muda para tab2, ajuda por favor

<div id="tabs">
   <ul class="nav nav-tabs" role="tablist">
      <li class="active"><a  id="navTab1"  role="tab" href="#tab1" data-toggle="tab">TAB1</a></li>
      <li><a  id="navTab2" role="tab" href="#tab2" data-toggle="tab">TAB2</a></li>
   </ul>
<div>