jquery - 在另一个页面上时在链接上处于事件状态

标签 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;
}

抱歉描述不当。第一时间

最佳答案

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


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

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

关于jquery - 在另一个页面上时在链接上处于事件状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25531319/

相关文章:

jquery - 多次防止 jQuery 着火

java - 音频流未在 Android webview fragment 中播放

jquery - jQuery 插件和 jQuery 小部件之间的区别?

javascript - jquery计算div的高度

javascript - 如何组合 jQuery 的函数

css - 为什么 Webpack 的 sass-loader 在生产模式下最小化 CSS?

html - 需要修复导航栏

CSS : 100% Width + Padding issue in android devices

javascript - jQuery .attr 在 IE6 和 IE7 中不起作用

javascript - 批量创建标签二维码