建立链接:活跃

时间:2014-08-22 00:21:29

标签: jquery html css

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

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

  

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

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

这个问题有解决办法吗?

3 个答案:

答案 0 :(得分: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

答案 1 :(得分: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;
}

答案 2 :(得分:0)

忒,

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

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

希望有所帮助!