【发布时间】:2017-07-28 04:29:49
【问题描述】:
在此页面上有一个 Woocommerce 插件产品类别的右侧边栏。我想将链接颜色更改为蓝色,以便显示当前处于活动状态的页面。我已经尝试了所有可能的 CSS 代码,但没有奏效。
当您右键单击并检查元素并强制该元素处于活动状态时,更改会显示,但它不会直接出现在网站上。
【问题讨论】:
标签: jquery css wordpress woocommerce
在此页面上有一个 Woocommerce 插件产品类别的右侧边栏。我想将链接颜色更改为蓝色,以便显示当前处于活动状态的页面。我已经尝试了所有可能的 CSS 代码,但没有奏效。
当您右键单击并检查元素并强制该元素处于活动状态时,更改会显示,但它不会直接出现在网站上。
【问题讨论】:
标签: jquery css wordpress woocommerce
jQuery(document).ready(function(){jQuery(function(){
jQuery("a").each(function(){
if (jQuery(this).attr("href") == window.location.href){
jQuery(this).addClass("active");
}
});
});
});
这将为链接添加一个“活动”类。然后,您可以根据需要将 CSS 添加到样式中。
【讨论】: