Question

点击li项后，我用js添加了活动类，但是它导向另一个页面，活动类消失了。我正在使用bootstap navwalker所以不知道如何使用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>

JS

 $(document).ready(function(){
$(".dropdown-menu > li").click(function () {
      $(this).siblings().removeClass("active");
      $(this).addClass("active");
});
});

Answer 1

你能根据网址添加课程吗？

示例假设您在某个页面上

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

Answer 2

<\ n>在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>

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

2 个答案: