Вкладки JQuery не загружаются

Question

Я не могу загрузить вкладки на своей странице.Я получаю сообщение об ошибке:

Ошибка типа: $ (...). Tabs не является функцией

Вот мой код:

<link href="../css/bootstrap.min.css" rel="stylesheet">
<meta charset="UTF-8">
<link href="../css/custom.css" rel="stylesheet">

<link href="https://code.jquery.com/ui/1.12.4/themes/pepper-grinder/jquery-ui.css" rel="stylesheet" type="text/css"> 

<link rel="stylesheet" href="/resources/demos/style.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
      crossorigin="anonymous">

<script src="https://code.jquery.com/ui/1.12.4/jquery-ui.js"></script> 

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script type="text/javascript">
 $(document).ready(function() {
     $("#tabs").tabs();
 });

</script>

`Чего мне не хватает

Answer 1

Вам необходимо использовать более позднюю версию jQuery.

Вы можете изменить <script src="https://code.jquery.com/jquery-1.12.4.js"></script> на:

2x: <script src="https://code.jquery.com/jquery-2.2.4.js"></script>

3x: <script src="https://code.jquery.com/jquery-3.3.1.js"></script>