页面打开时激活导航

Question

我目前制作的系统有很多页面。所以我想在每个页面上包含一个Nav bar的文件。但我无法更改活动导航的类。我尝试了一个我在这里找到的代码，但由于Nav链接到实际页面，“活动”导航不会保持活动状态。顺便说一句，这是我的新代码，但我无法使其工作。

<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>