Bootstrap вкладок нежелательного переключения

Question

Я пытаюсь использовать Bootstrap вкладок, и я столкнулся с небольшой проблемой

Это работает, как и ожидалось, и я могу переключаться между вкладками

        <ul class="nav nav-tabs" id="myTab" role="tablist">
           <li class="nav-item">
             <a class="nav-link active" id="tabA-tab" data-toggle="tab" href="#tabA">Tab A</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" id="tabB-tab" data-toggle="tab" href="#tabB">Tab B</a>
           </li>
         </ul>
         <div class="tab-content" id="myTabContent">
           <div class="tab-pane fade show active" id="tabA" role='tabpanel'>...</div>
           <div class="tab-pane fade" id="studio" role='tabB'>...</div>
         </div>

Когда я добавляю обработчик onclick, вкладка переключается, но затем сразу переключается обратно на первый.

        <ul class="nav nav-tabs" id="myTab" role="tablist">
           <li class="nav-item">
             <a class="nav-link active" id="tabA-tab" data-toggle="tab" href="#tabA" onclick='getTab()'>Tab A</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" id="tabB-tab" data-toggle="tab" href="#tabB">Tab B</a>
           </li>
         </ul>
         <div class="tab-content" id="myTabContent">
           <div class="tab-pane fade show active" id="tabA" role='tabpanel'>...</div>
           <div class="tab-pane fade" id="tabB" role='tabpanel'>...</div>
         </div>

Javascript для getTab ()

     function getTab()                                                                           
      {                                                                                               
         $.post ( "APIaddress" , function ( data ) {                                              
            $ ( "#tabA" ).html ( data );                                                                         
         } );                                                                                        
      }      

Что я пробовал

• Переместил онклик на ли вместо якоря
• Добавлены event.preventDefault () и event.stopPropogation () to getTab ()

Оба имеют одинаковый результат

Кроме того, если я полностью удаляю вызов javascript onclick (как в первом фрагменте кода), переключатели вкладок работают должным образом. Если я затем вызываю Javascript с консоли, он сразу же переключается на первую вкладку