当链接到达时,是否可以使链接“活动”(带有轮廓)?

时间:2013-06-24 22:28:11

标签: jquery html

尝试通过链接到达锚点时显示活动轮廓(就像选项卡时一样)。


我可以使用jquery选择和更新目标锚点的css颜色,但不能将其状态更改为活动状态。

这是html& jquery代码和jsfiddle示例:http://jsfiddle.net/_StephenC/Ea9GZ/

<ul>
<li><a href="#four" id="one" tabindex="1">Uno</a></li>
<li><a href="#four" id="two" tabindex="2">Dos</a></li>
<li><a href="#one" id="three" tabindex="3">Tres</a></li>
<li><a href="#two" id="four" tabindex="4">Quatro</a></li>
<li><a href="#three" id="five" tabindex="5">Cinco</a></li>
</ul>

$(document).ready(function() {
$("a").click(function(event) {
var mylink = $(this).attr('href');
alert(mylink);
$(mylink).css('color','red');
});
});

2 个答案:

答案 0 :(得分:2)

使用以下代码

$(mylink).focus();

http://jsfiddle.net/Ea9GZ/19/

答案 1 :(得分:1)

我认为.focus()就是你要找的。从你的jsfiddle链接,只需添加$(mylink).focus();给你代码。

$("a").click(function(event) {
            var mylink = $(this).attr('href');
            alert(mylink);
            $(mylink).css('color','red');   
            $(mylink).focus();
        });

这是你想要达到的目标吗?