使用jQuery添加active类异常问题排查

你的问题出在用indexOf做包含匹配——当访问Dashboard页面时，当前路径/partner-dashboard/是其他所有子页面路径的前缀，导致所有链接的href都包含这个字符串，所以全被加上了active类。

改成精确路径匹配就能解决，直接对比链接的路径和当前页面的路径是否完全一致：

jQuery(function(){
  var current = location.pathname;
  jQuery("#partner-menu li a").each(function(){
    var linkPath = new URL(jQuery(this).attr("href")).pathname;
    if(linkPath === current){
      jQuery(this).addClass("active");
    }
  })
})

补充说明： #

• 用new URL()可以从完整href里精准提取出路径部分（比如/partner-dashboard/sales-statistics/），避免直接处理字符串的麻烦。
• 用严格相等===替代indexOf，确保只有路径完全匹配的链接才会被加上active类。
• 如果你的项目里有URL参数（比如?id=123），这个方法也不受影响，因为pathname不会包含参数部分。

内容的提问来源于stack exchange，提问作者Vince P