Javascript 在重新加载页面后将活动类添加到子菜单

单击li项后，我添加了带有js的活动类，但它会导致另一个页面，活动类消失。 我使用的是bootstap，所以不知道如何使用php代码

<div id="cssmenu" class="right-tabs">

 <ul>
   <li></li>
   <li> 
     <ul role="menu" class=" dropdown-menu">
        <li><a href="link.php">link</a></li>
     </ul>
   </li>
   <li><a href="page.php">page</a></li>
 </ul>  

</div>

---

你能根据url添加这个类吗

假设您的示例位于“关于”页面上

$(function() {
  var loc = window.location.href; // returns the full URL
  if(/about/.test(loc)) {
    $('.dropdown-menu > li .about').addClass('active');
  }
});

---

在link.php中，添加活动类

<div id="cssmenu" class="right-tabs">

<ul>
<li></li>
<li class="activeClass"> 
  <ul role="menu" class=" dropdown-menu">
    <li><a href="link.php">link</a></li>
  </ul>
</li>
  <li><a href="page.php">page</a></li>
</ul>  

---

在服务器端生成菜单时，您应该根据请求页面用活动类标记相应的html元素。@xxxmatko如何实现？假设li元素将用户重定向到page something.php，那么在服务器端呈现菜单时，如果您正在呈现something.php的菜单项，您将向当前呈现元素添加活动类。您可以在服务器端用php获取url，是吗？虽然它会将每个在其hrefif中包含“关于”字样的页面设置为活动，但如果变量loc返回完整的url，为什么在if条件下会有/about/.testloc

<div id="cssmenu" class="right-tabs">

<ul>
<li></li>
<li class="activeClass"> 
  <ul role="menu" class=" dropdown-menu">
    <li><a href="link.php">link</a></li>
  </ul>
</li>
  <li><a href="page.php">page</a></li>
</ul>