jQuery - 将类“active”添加到菜单上的当前页面

Question

我有这个 jQuery 代码，它将is-current类添加到活动菜单项，这意味着当前路径与链接匹配。

jQuery(function($) {
    var path = window.location.pathname;
     if (path == '/') {
         path = '/index';
        }
    $('ul li a').each(function() {
        if (this.pathname === path) {
      $(this).parent().addClass('is-current');
            }
        });
});

我的问题是当我设置了这样的链接时：

      <li class="scrollspy"><a href="clients?p=mc">Manage Clients</a></li>
      <li class="scrollspy"><a href="clients?p=nc">New Clients</a></li>

is-current 在访问它们中的任何一个时都会添加到两个链接中，因为它们都包含客户端的window.location.pathname 。

有什么好主意吗？ 谢谢！

Answer 1

刚刚从路径名更改为href

 jQuery(document).ready(function($) {
        jQuery(function($) {
        var path = window.location.href;
        if (path == '/') {
         path = '/index';
        }
        $('ul li a').each(function() {
        if (this.href === path) {
           $(this).parent().addClass('is-current');
            }
        });
     });
    });