Что делать если открытая вкладка (tab) сбрасывается при перезагрузке страницы?

На странице в поле js подключаем скрипт:

$(document).ready(function(){
	$('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
		localStorage.setItem('activeTab', $(e.target).attr('href'));
	});
	var activeTab = localStorage.getItem('activeTab');
	if(activeTab){
		$('#myTab a[href="' + activeTab + '"]').tab('show');
	}
});

Сама разметка вкладок должна иметь вид:

<ul class="nav nav-tabs nav-fill" id="myTab">
  <li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#projects">Проекты</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#reviews">Отзывы</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#bids">Ставки</a>
  </li>
</ul>
<div class="tab-content">
  <div class="tab-pane active mt-2" id="projects">
    <div class="as-table" data-code="modProjects"></div>
  </div>
  <div class="tab-pane mt-2 fade" id="reviews">
    <div class="as-table" data-code="modReviews"></div>
  </div>
  <div class="tab-pane mt-2 fade" id="bids">
    <div class="as-table" data-code="modBids"></div>
  </div>
</div>

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка

Более гибкая, чем коробочные решения и облачные сервисы

Используйте готовые решения и изменяйте под свои потребности

Нужна бесплатная консультация?

Планируете делать веб-проект?

Шаг 1. Создать концепт проекта
Шаг 2. Получить оценку бюджета (КП)
Шаг 3. Заключить договор
Шаг 4. Создать совместно техническое задание
Шаг 5. Поэтапная реализация проекта