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

时间:2014-08-27 15:33:57

标签: jquery html css hyperlink

所以我想知道如果链接在某个样式中处于活动状态,即使它在另一个页面上也是如此。

您可以点击导航栏中的链接,但在该特定链接中是一个不在导航栏中的页面,但仍然保持活动状态在第一个单击的链接上。

<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 个答案:

答案 0 :(得分:1)

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

<小时/> 使用a[href="product.php"]作为jquery选择器将选择product.php

的所有链接

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