Javascript 具有活动类更改的公共标头

嗨，我有一套我的网站的网页。我试图为所有三个页面创建一个公共标题，并添加了一个单击功能，但当我单击该链接时，它会将我带到该页面，但活动类功能不起作用。帮我做这个。提前谢谢

下面是common header.php

<ul id="navigation" class="nav navbar-nav" style="position:relative;">
    <li class="active op"><a href="/link1">link1</a></li>
    <li><a href="/link2">link2</a></li>
    <li><a href="/link3">link3</a></li>
    <li><a href="link4">link4</a></li>
</ul>

下面是我在header.php文件中添加的jquery代码

<script>
$(document).ready(function() {

    $('#navbar li').on('click', function() {
        $('li.active').removeClass('active op');
        $(this).addClass('active op');
    });
});
</script>

$（文档）.ready（函数（）{
$（#navbar li'）。在（'click'，function（）上{
$（'li.active'）.removeClass（'active op'）；
$（this.addClass（'active op'）；
});
});

试试这个代码，我曾经遇到过同样的问题。这很好用

    $(function() {
     var pgurl = window.location.href.substr(window.location.href
.lastIndexOf("/")+1);
     pgurl = "/vv/"+pgurl;
     $("#navigation li").each(function(){
         var link = $("a",this).attr('href');   
          if(link == pgurl){              
                $(this).addClass("active op");
          }
     })
});

---

不要忘记在它之前添加一些库。

$（'navbar li'）

应该是

$（'navigation li'））

您想在页面重定向后添加

活动类

类吗？是的，我想为我所在的页面添加活动类。例如，如果我从link1导航到link2表单link1，活动类应位于link2中，相关页面应打开