@goldwizard13

Bootstrap вкладки. Как сделать чтобы при перезагрузке страницы, выбраная ранее вкладка, оставалась активной?

Bootstrap вкладки. Как сделать чтобы при перезагрузке страницы, выбраная ранее вкладка, оставалась активной?
есть такой код
<div class="container">
	<div id="tabs" class="tabs">
				<nav>
					<ul>
						<li><a href="#section-1" class="icon-section"> ССЫЛКА</a></li>
						<li><a href="#section-2" class="icon-section"> ССЫЛКА</a></li>
						<li><a href="#section-3" class="icon-section">  ССЫЛКА</a></li>
					</ul>
				</nav>
				<div class="menu_block">
			 <div class="navbar-header"><span id="category" class="visible-xs">Меню</span>
            <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
           </div>
            <div class="collapse navbar-collapse navbar-ex1-collapse">
				<div class="menu-content">
					<section id="section-1">
						<div class="mediabox">
							<a href="ССЫЛКА">ССЫЛКА</a>
						</div>
						<div class="mediabox">
						       <a href="ССЫЛКА">ССЫЛКА</a>
						</div>
						<div class="mediabox">
						      <a href="ССЫЛКА">ССЫЛКА</a>
						</div>
					</section>
					<section id="section-2">
						<div class="mediabox">
							<a href="ССЫЛКА">ССЫЛКА</a>
						</div>
						<div class="mediabox">
							<a href="ССЫЛКА">ССЫЛКА</a>
						</div>
					</section>
					<section id="section-3">
						<div class="mediabox">
						 <a href="ССЫЛКА">ССЫЛКА</a>
						</div>	
					</section>
					
				</div>
			</div>
		</div> </div>
</div>
  • Вопрос задан
  • 448 просмотров
Решения вопроса 1
@Yadalay
Php, Mysql, Html, Css, Js/Jquery/Ajax, Laravel
Добрый день!
Можно использовать LocalStorage на Js: создать обработчик клика по вкладке, в котором заносить значение в локальное хранилище, но тогда придётся его потом удалять, так как время жизни у него, можно сказать, бесконечное. Либо использовать сессию.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы