Jquery 当页面打开时激活导航

我目前制作的系统有很多页面。所以我想在每一页都包含一个导航栏文件。但我不能改变主动导航的等级。我尝试了一个我在这里也找到的代码，但是由于导航链接到实际页面，“活动”导航无法保持活动状态。顺便说一下，这是我的新代码，但我不能让它工作

<ul class="nav" id="main-menu">
   <li>
      <a href="index.php">Dashboard</a>
   </li>
   <li>
      <a href="manage_user.php">Manage Users</a>
   </li>
   <li>
      <a href="view_user.php">View Users</a>
   </li>
   <li>
      <a href="assign_role.php">Assign Roles</a>
   </li>
   <li>
     ....

....

这是我的jquery

<script type="text/javascript">
   $(document).on('click', '.nav li', function() {
      $(".nav li").removeClass("active-menu");
      $('ul.nav > li > a[href^="' + document.location.pathname + '"]').parent().addClass('active-menu');
   });
</script>

$（文档）.on（'click'，'.nav li'，function（）{
$（“.nav li”）.removeClass（“活动菜单”）；
$（'ul.nav>li>a[href^=“”+document.location.pathname+”）.parent（）.addClass（'active-menu'）；
});

您可以在每页的

正文

中添加一个类，例如

，并在每个

li

中添加一个类，例如

。然后在页面加载中，获取body类，将body替换为'li'，就有了需要激活的li类。您可以

触发该事件。不过我更喜欢使用
id
而不是
class
。好的，我会试试。谢谢您可以在每页的
正文
中添加一个类，例如
，并在每个
li
中添加一个类，例如
。然后在页面加载中，获取body类，将body替换为'li'，就有了需要激活的li类。您可以
触发该事件。不过我更喜欢使用
id
而不是
class
。好的，我会试试。谢谢