Всем привет.
Вопрос не могу решить очень долго
, мне очень нужно решение, буду благодарен любому совету.
Сайт сделан на Joomla 3.9.20 , в разработке использовался основной компонент Sp Page Builder PRO.
В нём есть такой аддон "Tabs". Я его использовал на одной странице посвященной объектам, чтобы внутри неё было разделение на разные виды путём переключения этих табов (вкладок), всё прекрасно работает, переключается, но тут возникло пожелание со стороны заказчика, сделать в футере ссылки и на эту страницу и на открытие в ней соответствующих табов.
То есть утрированно в футере это выглядит так:
<p>
<a href="obiekti">Объекты</a><br>
<a href="obiekti#sppb-tab1-1">Строящиеся</a><br>
<a href="obiekti#sppb-tab1-2">Сданные</a><br>
<a href="obiekti#sppb-tab1-3">Проектируемые</a>
</p>
Разумеется так просто вбить кодом ссылки - ничего активироваться не будет.
Нужно как-то через js / jquery задать данную функцию по активации
Отсюда и возник вопрос, а как это сделать?
Код самих табов
//Это сами табы нажимая на которые будет переключение
<ul id="tabs" class="sppb-nav sppb-nav-lines" role="tablist">
<li id="objects0" class="active">
<a data-toggle="sppb-tab" id="#sppb-content1-1" class=" " href="#sppb-tab1-1" role="tab" aria-controls="#sppb-tab1-1" aria-selected="true"> Строящиеся</a>
</li>
<li id="objects1" class="">
<a data-toggle="sppb-tab" id="#sppb-content1-2" class=" " href="#sppb-tab1-2" role="tab" aria-controls="#sppb-tab1-2" aria-selected="false"> Сданные</a>
</li>
<li id="objects2" class="">
<a data-toggle="sppb-tab" id="#sppb-content1-3" class=" " href="#sppb-tab1-3" role="tab" aria-controls="#sppb-tab1-3" aria-selected="false"> Проектируется </a>
</li>
</ul>
//Это сама информация внутри табов
<div class="sppb-tab-content sppb-tab-lines-content">
<div id="sppb-tab1-1" class="sppb-tab-pane sppb-fade active in" role="tabpanel" aria-labelledby="sppb-content1-1"> Здесь информация о строящихся объектах</div>
<div id="sppb-tab1-2" class="sppb-tab-pane sppb-fade" role="tabpanel" aria-labelledby="sppb-content1-2"> Здесь информация о сданных объектах</div>
<div id="sppb-tab1-3" class="sppb-tab-pane sppb-fade" role="tabpanel" aria-labelledby="sppb-content1-3"> Здесь информация о проектируемых объектах</div>
</div>
09.02.2023, 19:16:03