在另一个页面上的链接上具有活动状态答案

【问题标题】：Having an active state on a link while on another page在另一个页面上的链接上具有活动状态
【发布时间】：2014-08-27 15:33:56
【问题描述】：

所以我想知道如何让一个链接以某种样式激活，即使它在另一个页面上。

您会单击导航栏中的链接，但在该特定链接内部是一个不在导航栏中的页面，但在第一个单击的链接上仍保持活动状态。

<a <?php if (strpos($_SERVER['PHP_SELF'], 'products.php')) echo 'class="activeb"';?> href="products.php">PRODUCTS
</a>

但我希望除导航栏之外的另一个页面仍然具有此类样式的链接。能做到吗？

CSS

.activeb{
    padding: 0 0 15px 0 !important;
    border-bottom: 2px solid #ffffff;
}

抱歉描述不佳。第一个计时器

【问题讨论】：

【解决方案1】：

$("a[href='"+location.pathname.substring(1)+"']").addClass('activeb')

使用 a[href="product.php"] 作为 jquery 选择器将选择所有带有 product.php 的链接

为了以您的格式动态生成当前链接，我使用了location.pathname (/product.php) 并删除了开头的斜线.substring(1)，最后使用了addClass('activeb')

【讨论】：