@struhovv

Как переключить bootstrap вкладку с помощью get запроса?

Есть страница с ссылками на другую с get запросом

<div class="page1">
  Страница1
  <div><a href="/page?filter=f1">Фильтр1</a></div>
  <div><a href="/page?filter=f2">Фильтр2</a></div>
   <div><a href="/page?filter=f3">Фильтр3</a></div>
</div>


На другой странице bootstrap вкладки с контентом. Как при переходе по ссылке с первой страницы открыть на второй странице нужную вкладку?

<div class="filterblock">
PAGE FILTER

  <?php

$style = isset($_GET['filter']) ? $_GET['filter'] : '';
?> 
  
                <ul class="nav nav-tabs">
                  <li class="nav-item"><a class="nav-link <?php if($filter=='f1' ) echo 'active'; ?>" href="#tab1" data-toggle="tab"></a>TAB1</li>
                  <li class="nav-item"><a class="nav-link <?php if($filter=='f2' ) echo 'active'; ?>" href="#tab2" data-toggle="tab"></a>TAB2</li>
                  <li class="nav-item <?php if($filter=='f3' ) echo 'active'; ?>"><a class="nav-link" href="#tab3" data-toggle="tab"></a>TAB3</li>
  </ul>
  
<div class="tab-content">

<div class="tab-pane nav-item fade show active" id="tab1">First</div>
  
  <div class="tab-pane nav-item fade" id="tab2">Second</div>
    <div class="tab-pane nav-item fade" id="tab3">Third</div>
  </div>
    </div>


  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 1
@dimuska139
Backend developer
А для элементов с классом tab-pane кто будет класс active добавлять в зависимости от get-параметра?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы