Question

我有这个div标签，它是clickabe。我想在选择类“ 1st” div时打开选择器页面，并打开服务选项卡。我正在使用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();
})

Answer 1

问题是JS和jQuery不会在页面请求上维持应用程序状态，因此您需要弄清楚a）如何通过PHP提供JS / jQuery代码或b）使用PHP代码在页面上添加类链接项，根据您的应用程序的路由/状态应处于活动状态。

这是人们使用JS和PHP框架的原因之一。如果您使用的是框架，请注意，以便有人可以进一步帮助您。

单击div时如何重定向到具有特定选项卡（或药丸）的页面

1 个答案: