jquery - 制作链接 :active

Question

我想说，考虑将属性 :active 添加到我网站上的某些链接时，我会说这是一个相当小的问题。我在使用 jquery 选项卡的地方编写了代码，其中内容通过 #div 标签加载

例如，我在我的菜单中单击位置“Home”并将其连接到 div #home 等 我想使事件链接加粗但是当我使用

sidemenu li a:active { font-weight:bold; }

粗体文本只有在我按住鼠标左键时才会出现。

这个问题有什么解决办法吗？

Answer 1

您可能需要向您的 li 添加一个类，以使其变为粗体。如果您使用 jQuery，则可以使用它来切换类。

http://jsfiddle.net/hawaiianchimp/my3p9bc0/1/

<li class="nav"><a id="home" href="#home">Home</a></li>
<li class="nac"><a id="other" href="#other">Other</a></li>

<script>
$("li").on('click', function(){
    $("li").removeClass("active");
    $(this).toggleClass("active");
});
</script>

CSS

.active {
font-weight: bold;
}