javascript - Bootstrap 3 - 手动将活动类分配给标题导航项目

Question

我在 wordpress 中使用 nav walker 进行引导。

我在菜单下的管理面板中添加了一个自定义导航项。该自定义项有 3 个子页面，当我转到该自定义项下的其中一个页面时，页面链接突出显示并且“活动”类适用，但我希望自定义导航项或父导航项也处于活动状态。

我怎样才能做到这一点？

我尝试了下面的代码，但这不起作用

<script language="javascript">
$(document).ready(function(){
   var currentLocation = location.pathname;
   if (currentLocation == "media-gallery/pictures"){
      $("#menu-item-140").addClass("active");
   }
});
</script>

Answer 1

<script language="javascript">
$(document).ready(function(){
   var currentLocation = location.pathname;
   alert(currentLocation);
   // if (currentLocation == "media-gallery/pictures"){
   //    $("#menu-item-140").addClass("active");
   // }
});
</script>


<script language="javascript">
$(document).ready(function(){
   var currentLocation = location.pathname;
   // alert(currentLocation);
   if (currentLocation == "/media-gallery/pictures"){
      $("#menu-item-140").addClass("active");
   }
});
</script>

:)

编辑：

澄清一下，假设您的文件位于http://example.com/test/blank.php ，此代码已经过全面测试并且可以正常工作。请注意前导斜线。

<style>
    .active{
        background-color: red;
    }
</style>

<div id="menu-item-140">Make me red</div>

<script language="javascript">
$(document).ready(function(){
   var currentLocation = location.pathname;
   alert(currentLocation);
   if (currentLocation == "/test/blank.php"){
      $("#menu-item-140").addClass("active");
   }
});
</script>