Как перенаправить на страницу с активной вкладкой (или таблеткой) при нажатии на элемент div - PullRequest
0 голосов
/ 12 января 2019

У меня есть этот тег div, который является clickabe. Я хочу открыть страницу селекторов с открытой вкладкой сервиса, когда я нажимаю на div "1st". Я использую bootstrap4 и jquery для следующего.

Я пробовал addClass и removeClass, но ничего не работает.

select.php

<div class="col-sm ty 1st">
<p style="margin-bottom:7px;"><span>Servicing</span></p>
<img src="../images/service.png">
</div>
<div class="col-sm ty 1st">
<p style="margin-bottom:7px;"><span>Servicing</span></p>
<img src="../images/service.png">
</div>
<div class="col-sm ty 2nd">
<p style="margin-bottom:7px;"><span>Repairing</span></p>
<img src="../images/repair.png">
</div>

selectorder.php

<ul class="nav nav-pills nav-justified" role="tablist">
<li class="nav-item">
<a class="nav-link service" data-toggle="pill" 
href="#serv">Servicing</a>
</li>
<li class="nav-item">
<a class="nav-link repair" data-toggle="pill" 
href="#repair">Repairing</a>
</li>
</ul>
<div class="tab-content">
<div id="serv" class="container tab-pane active"><br>
<div class="media border sec p-3">
<div class="media-body">
<p>Lorem ipsum dolor sit amet, ndns nznc</p>  
</div>      
</div>
</div>

 <div id="repair" class="container tab-pane fade"><br>
 <h3>Menu 1</h3>
 <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco 
 laboris nisi ut aliquip ex ea commodo consequat.</p>
 </div>
 </div>

jquery.js

$(".1st").click(function(){
window.location.href="../main/selectorders.php"; 
$(".active").removeClass("active");
$(".service").addClass("active").show();
})

1 Ответ

0 голосов
/ 12 января 2019

Проблема в том, что JS и jQuery не поддерживают состояние приложения для запросов страниц, поэтому вам необходимо выяснить, а) как предоставить свой код JS / jQuery через PHP или б) использовать код PHP для добавления класса в элемент ссылки, который должен быть активным с учетом маршрута / состояния вашего приложения.

Это одна из причин, по которой люди используют фреймворки JS и PHP. Если вы используете фреймворк, отметьте это, чтобы кто-нибудь мог вам помочь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...