建立链接：活跃

Question

我已经说过我会说添加属性时考虑的小问题：对我网站上的某些链接有效。我编写了代码，我使用jquery选项卡通过#div标签加载内容

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

时

  

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

仅当我按住鼠标左键时才会出现粗体文字。

这个问题有解决办法吗？

Answer 1

改为使用:visited：

.sidemenu li a:visited { font-weight:bold; }

修改

要仅激活活动标签，您需要使用JavaScript。这是一个例子：

<强> HTML

<a href="#" class="tab">Tab 1</div>
<a href="#" class="tab">Tab 2</div>
<a href="#" class="tab">Tab 3</div>

<强>的JavaScript

$('.tab').click(function(){
    $('.tab').removeClass('active');
    $(this).addClass('active');
});

<强> CSS

.active {
    font-weight: bold;
}

这是example。

Answer 2

您可能需要在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;
}

Answer 3

忒，

你说"bolded text only appears when I hold my left mouse button"。那就是:active的预期功能，即鼠标按钮正在激活链接。对于其他鼠标事件，您可以尝试以下伪类：

• :hover，鼠标悬停
• :focus，用于键盘焦点

希望有所帮助！