Свойство 'tab' не существует для типа 'JQuery'

Question

Мой HTML-код

<nav class="nav-sidebar">
<ul class="nav tabs" id="myTab">
  <li class="active" ><a  href="#tab3" data-toggle="tab" >Tabl 1</a> </li>                               
  <li class="tab2"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
  <li ><a href="#tab3" data-toggle="tab">Tab 3</a></li>
  <li ><a href="#tab4" data-toggle="tab">Tab 4</a></li>
  <li><a href="#tab5" data-toggle="tab">Tab 5</a></li>
</ul>

И в Моих .ts

$('#myTab a').click(function(e) {
     e.preventDefault();
     $(this).tab('show');
   });
   $("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
     var id = $(e.target).attr("href").substr(1);
     window.location.hash = id;
   });
   var hash = window.location.hash;
   $('#myTab a[href="' + hash + '"]').tab('show');

Пробовал такмногие из stackoverflow и других веб-сайтов, но я в конечном итоге с «Tab» не существует в JQuery

Answer 1

jQuery не имеет функции tab();

Может быть, вам следует импортировать расширение, добавив в jQuery функцию tab() 100

И если вы используете UI framework, вам нужно ввести соответствующие ресурсы！

Answer 2

Вам необходимо установить @types/bootstrap.

Answer 3

Похоже, вы путаете tab() с tabs().
Подробнее читайте здесь: http://api.jqueryui.com/tabs/