使用 jQuery 或 PHP 将“.active”类添加到菜单中的当前页面链接 [关闭]答案

【问题标题】：Add ".active" class to the current page's link in a menu using jQuery or PHP [closed]使用 jQuery 或 PHP 将“.active”类添加到菜单中的当前页面链接 [关闭]
【发布时间】：2012-11-01 04:35:42
【问题描述】：

我需要在页面上活动任务的菜单链接上添加.active 类。我在 localhost 上工作，这里有几个示例 URL：

http://localhost/webapp/index.php?task=validate
http://localhost/webapp/index.php?task=register

以及菜单的结构：

    <div class="menu">
       <ul class="sf-menu">
          <li><a href="index.php">Inicio</a></li>
          <li><a href="?task=validator">Validar</a></li>
          <li><a href="?task=register">Registro</a></li>
       </ul>
    </div>

【问题讨论】：

您的问题缺少与该问题相关的具体代码 - 由您自己编写，以便您清楚在哪里遇到编程问题，然后制定编程问题。
您想在客户端（jQuery/JavaScript）还是服务器端（使用 PHP）执行此操作？
嗨，我想在客户端/端使用 jQuery/Javascript 执行此操作，我使用的是 superfish 插件，但它不起作用

标签： php jquery css

【解决方案1】：

您可以使用 jQuery 循环遍历所有链接并将它们的 URL 与location 进行比较。这是一个例子：

$(".sf-menu a").filter(function(){
    return this.href == location.href.replace(/#.*/, "");
}).addClass("active");

【讨论】：

注意：这仅在您匹配 url 中的参数时才有效。例如，如果 url 是 /hello/world?param=1 并且您的链接是 <a href="/hello/world"></a>，它将不会添加活动类
我在这里遇到同样的问题，我的 URL 是 /hello/world?param=1 如何在此处添加活动类。此代码在页面加载之前一直有效，完成加载后活动无效