2

подскажите, каким образом открывать табы при переходе по ссылке c якорем? Например, есть ссылка site.ru/catalog#tab2, при переходе по этой ссылке должна быть открыт таб с #tab2. Табы сделаны на бутстрапе

<ul class="nav nav-tabs">
      <li class="active"><a data-toggle="tab" href="#tab1">Женская обувь</a> 
</li>
      <li><a data-toggle="tab" href="#tab2">Мужская обувь</a></li>
</ul>
<div class="tab-content">
      <div id="tab1" class="tab-pane fade in active">
          Каталог 1
      </div>
</div>
<div class="tab-content">
      <div id="tab1" class="tab-pane fade">
          Каталог 2
      </div>
</div>

1 ответ 1

1

Можно вот так

$(document).ready(function(){
  var text = window.location.href;// Берем ссылку
  var regex = /#(\w+)/gi;
  match = regex.exec(text);// Находим в ней все, что находится после знака #
  if(match)// Если нашел
  {
    $('.tab-pane').removeClass('in active');// Удаляем все активные табы
    $('#'+match[1]).addClass('in active');// Добавляем класс 'in active' к ид у которого название с ссылки совпадает с ид у таба
  }
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.